当用户按下输入时,如何调用函数

时间:2013-12-04 00:15:20

标签: javascript html input keypress

当用户在输入上按Enter键时,我想要调用函数。

<input type='text' id='name'></input>

我找到了这段代码,但它没有用。

$("#name").bind('keypress', function(e) {
if(e.which == 13) {
    alert('You pressed enter!');
}
});

3 个答案:

答案 0 :(得分:4)

你是否包含了JQuery库?您的代码似乎在Chrome中正常运行。

你也可以这样做:

$("#name").keypress(function(e) {
    if(e.keyCode == 13) {
        alert('You pressed enter!');
    }
});

JSFiddle:http://jsfiddle.net/dMt55/

非Jquery版本:

document.getElementById('name').onkeypress = function(e) {
    if(e.keyCode == 13) {
        alert('You pressed enter!');
    }
}

答案 1 :(得分:2)

请试试这个;

<input type='text' id='name' />

$("#name").bind('keypress', function(event) {
                if (event.keyCode== 13) { //Enter
                  // your code 
                }
});

答案 2 :(得分:0)

您可以连接自己的自定义事件 试试这个

HTML

<input type='text' id='name'></input>

Jquery的

$('#name').bind("enterKey",function(e){
   //do stuff here
});
$('#name').keyup(function(e){
    if(e.keyCode == 13)
    {
        $(this).trigger("enterKey");
    }
});

http://jsfiddle.net/x7HVQ/