jQuery按下按钮在文本字段中输入

时间:2013-06-13 01:06:20

标签: javascript jquery events

我有这个文字字段:

<input id="address" type="text" value="">

和这个按钮:

<input id="ricerca" type="button" class="enter" value="GO!">

和jQuery:

$("#ricerca").click(function(){
    var e = jQuery.Event('keypress');
    e.which = 13; // #13 = Enter key
    $("#address").focus();
    $("#address").trigger(e);
});

我想通过点击#address按钮来模拟#ricerca字段中的“输入”按下。当我按下按钮时,光标必须在#address字段内。

你能告诉我错误在哪里吗?

2 个答案:

答案 0 :(得分:12)

定义#address的keypress事件应该发生什么。看看这段代码。按ins键从文本框中输入,然后单击按钮,两者都会触发按键事件。

演示 - http://jsbin.com/ocohev/1/edit

    $(function () {

        $('#address').keypress(function (event) {
            if (event.which == 13) {
                alert("enter pressed");
                //return false; only if needed
            }
        });

        $("#ricerca").click(function () {
            var e = jQuery.Event('keypress');
            e.which = 13; // #13 = Enter key
            $("#address").focus();
            $("#address").trigger(e);
        });

    });

答案 1 :(得分:1)

使用此Jquery代码:

$("#id_of_textbox").keyup(function(event){
    if(event.keyCode == 13){
        $("#id_of_button").click();
    }
});