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

Question

我正在使用一些 jQuery 到 link 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(); selects 个元素带有 id "enter"。您似乎希望 select 您的提交按钮，但它的 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/ and http://api.jquery.com/id-selector/

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

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

如果你想使用值='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 的 fiddle.

中注意到了它

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

Linking 'Enter' key to button - not working

html

jquery

button

onkeyup