Jquery的KeyboardJs添加事件

时间:2015-06-18 14:15:01

标签: javascript jquery

您好我正在尝试制作一个将键盘附加到输入的Web应用程序(让输入的ID输入1)。我想在输入改变(或点击键盘)时触发一个功能。到目前为止我已经尝试了

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

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

但是两者都没有调用 doThis()函数。单击键盘按钮时有没有办法创建事件监听器?谢谢!

3 个答案:

答案 0 :(得分:0)

试试这个:

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

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

答案 1 :(得分:0)

试试这个:

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

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

答案 2 :(得分:0)

一旦您从输入元素中聚焦,就会触发on change事件。现在,问题是你是否想要在用户完成输入字段中的所有输入或输入的每个单词后触发更改功能。

如果您想在完成所有输入后调用一个函数 - 请使用 onchange事件,否则您可以使用 keyup事件

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

因此,对于每个键入的单词

,请将代码更新为以下内容
$(document).ready(function(){
     $('#input1').keyup(function(event){
        //your code here
     });

});

以下是一个参考资料 - http://plnkr.co/edit/cCwoiw6f8CaA1kfTVm6N?p=preview

我希望它有所帮助!!