如何在没有按键警报的情况下解决点击按钮的呼叫?

时间:2015-09-01 23:16:07

标签: javascript jquery

我有这段代码:

<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>

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

1 个答案:

答案 0 :(得分: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");
    });
});

如果我理解正确,你试图通过按键调用点击事件(在这种情况下,输入键)。在这里小提琴:http://jsfiddle.net/jsu2jsx8