javascript - 如何解决调用单击按钮而不在按键按下时发出警报的问题？

Question

我有这个代码:

<input type="text" name="name" onkeydown="test(event)"  />

function test(event){
        if (event.keyCode == 13) { 
          $("#myButton").click();  
          return false;     
        }
}

这种方式无法按预期工作，但如果我向代码添加警报，如下所示:

function test(event){
        alert("Why?!");
        if (event.keyCode == 13) { 
           $("#myButton").click();  
           return false;     
        }
}

我的按钮是 gsp 文件:

 <button type="submit" class="btn btn-primary" name="myButton" value="Submit">
                    Button
                </button>

我的表格是这样的:

<g:form name="searchForm" controller="party" action="searchObject" class="form-horizontal margin-bottom-20">

</g:form>

然后一切正常...有人可以告诉我发生了什么事以及如何解决这个问题？

Answer 1

HTML:

<input type="text" name="name" onkeydown="test(event)" />
<button id="myButton">Button</button>

Javascript:

var test = function (event) {
    if (event.keyCode == 13) {
        $("#myButton").click();
        return false;
    }
}

$(function () {
    $("#myButton").click(function () {
        alert("This button was clicked using the enter key");
    });
});

如果我理解正确，您正在尝试通过按键(在本例中为回车键)来调用单击事件。在这里 fiddle :http://jsfiddle.net/jsu2jsx8