将“Enter”键链接到按钮 - 不起作用

Question

我正在使用一些 jQuery 将 Enter 键链接到 HTML 按钮，代码如下：

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

HTML：

<input autocomplete="off" type="text" id="console" placeholder="/help, /attack, /heal, /flee" autofocus></input>

<input type="submit" onclick="play()" id="submit" value="Enter"></input>

出于某种原因，它现在对我不起作用。没有错误消息，看起来 jQuery 甚至没有运行。

我做错了什么？我必须用什么东西代替

event

吗？

Answer 1

$("#enter").click();

使用

id

“输入”选择元素。看来您希望选择提交按钮，但它的 id

submit

所以尝试使用

$("#submit").click();

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="console"autofocus></input>
<input type="button" onclick="alert('hurray')" value="enter" id="submit"></input>

参见： http://api.jquery.com/category/selectors/ 我也刚刚发现这个看起来非常有用：http://learn.jquery.com/using-jquery-core/selecting-elements/

Answer 2

'#'表示id，这里参考http://api.jquery.com/category/selectors/和http://api.jquery.com/id-selector/

如果你想使用id，试试这个，http://api.jquery.com/multiple-attribute-selector/

$("#submit").click();

如果你想使用 value='Enter'，试试这个，

$("input[value='Enter']").click();

尝试这个 JS 代码。您也可以在 FIDDLE 中找到演示。

$("#submit").click(function(){
    alert('Enter clicked!');
});

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

Answer 3

呃...初学者的错误...

我忘了使用：

$(document).ready(function() {

});

一开始就没有任何东西促使代码运行，所以它从来没有工作过。在 Teemu 的小提琴中注意到了它。

Answer 4

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="console"autofocus></input>
<input type="button" onclick="alert('hurray')" value="enter" id="submit"></input>

关键链接未加载！请等待并重试。