javascript - jQuery 按按钮在文本字段中输入

Question

我有这个文本字段:

<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);
});

我想通过单击#ricerca 按钮来模拟在#address 字段内按“Enter”键。当我按下按钮时，光标必须位于 #address 字段内。

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

Answer 1

定义#address的按键事件应该发生什么。看看这段代码。在文本框中按下回车键，然后单击按钮，都会触发按键事件。

演示 - 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);
        });

    });