为什么我的jQuery keypress()事件不起作用?

时间:2015-08-04 14:10:41

标签: javascript jquery html events triggers

我有一个文本框

<input id="textinput" type="text" name="text_input" value=""/>

和正确链接(在文档就绪函数中做了一个console.log并且它工作了)jquery文件

$(document).ready(function()
{
    console.log("hi");

});

$( '#textinput' ).keypress(function() {

    var tag_text = $('#textinput').val();
    console.log("key pressed");

});

As far as I can tell, I'm doing everything properly.但是,我显然没有做对。

我的目标是让每当按下文字输入文本框时按下字母/字符(或任何键,真的),就会触发一个事件。

我在这里做错了什么?

2 个答案:

答案 0 :(得分:3)

尝试在$(document).ready()函数中绑定keypress事件。您的代码按预期工作。

$(document).ready(function() {

    $( '#textinput' ).keypress(function() {
        var tag_text = $('#textinput').val();
        console.log("key pressed");
    });

});

答案 1 :(得分:3)

keypress函数放在$(document).ready()函数中:

$(document).ready(function() {
    console.log("hi");

    $( '#textinput' ).keypress(function() {

        var tag_text = $(this).val();
        console.log("key pressed");

    });

});

JSFiddle