Jquery的KeyboardJs add event

Question

嗨，我正在尝试制作一个将键盘附加到输入的 Web 应用程序（让输入的 ID 为 input1）。我想在输入更改（或单击键盘）时触发一个功能。到目前为止我已经尝试过

$('#input1').change(function(){
    doThis();
 });

和

$('#input1').on('change', function(){
    doThis();
});

但是两者都不调用 doThis（） 函数。有没有办法在单击键盘按钮时创建事件侦听器？谢谢！

Answer 1

试试这个：

 $("#input1").on("input", function() {
        console.log("Change to " + $(this).find("input").val());
 });

实时链接 ： https://jsfiddle.net/dt10Lcqh/

Answer 2

一旦您将焦点从输入元素上移开，就会触发 on change 事件。现在，问题是您是否要在用户完成输入字段中的所有键入或键入的每个单词后触发更改时触发函数。

如果您想在所有键入完成后调用函数 - 请使用 onchange 事件，否则您可以使用 keyup 事件。

此外，为了确保绑定完成，有必要在 jQuery ready 函数中移动代码。

因此，请将代码更新为以下内容，以便为每个键入的单词触发事件

$(document).ready(function(){
     $('#input1').keyup(function(event){
        //your code here
     });
});

这里也是一个供参考的 plunker - http://plnkr.co/edit/cCwoiw6f8CaA1kfTVm6N?p=preview

我希望它有帮助！！

Answer 3

试试这个：

    $(function(){$('#input1').keydown(function(event){
    //your code here
    alert($('#input1').val());
 });
 });

演示 ： http://jsfiddle.net/vikashvverma/jvqudj76/