Javascript虚拟键盘:如何识别文本字段?

使用jQuery并添加以下内容

            $(document).ready(function() {
                //apply action to input elements by class
                //$("#.input_class").keypress(function(e) {
                //apply action to all input elements ( input, textarea, select and button )
                $(':input').keypress(function(e) {
                    if(e.keyCode==13){
                        // Enter pressed... do anything here...
                        alert($(this).val());
                    } else {
                                            //make shure you get the desired action for other keys pressed
                        xTriggered++;
                    }
                    //do not submit the form
                    return false;
                });
            });

将其绑定到onfocus事件。当输入元素获得焦点时触发该事件。如果要再次隐藏,可以在onblur事件上再次删除键盘。

若要获得选定文本字段的通知,可以将事件处理程序附加到 onfocus 你感兴趣的领域。

jQuery中的示例(为简洁起见,选择了jQ,事件在纯JS中工作):

$('input[type="text"]').focus(function(event){
    // do something here
});

如果您只想捕获“enter”键,则不需要担心焦点,只需附加到文本字段的onkeypress事件(请参见@poelinca的答案)。

尽管jquery道歉者说了些什么,如果不使用大型且缓慢的外部库,对所有字段进行检测是不麻烦的:

for (var i = 0; i < document.forms.length; i++)
  for (var j = 0; j < document.forms[i].elements.length; j++)
    if (document.forms[i].elements[j].tagName.match(/^INPUT$/i))
      if (document.forms[i].elements[j].type.match(/^TEXT$/i))
        document.forms[i].elements[j].addEventListener('focus', function(){/* your stuff here */}, false);

目前,我的解决方案是在用户请求时使用指定的键来打开虚拟键盘。