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“输入”的元素。您似乎希望选择提交按钮，但标识为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

＆＃39;＃＆＃39;表示ID，此处为引用http://api.jquery.com/category/selectors/和http://api.jquery.com/id-selector/

如果您想使用ID，请尝试使用http://api.jquery.com/multiple-attribute-selector/

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

如果你想使用value =＆＃39;输入＆＃39;，试试这个，

$("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的小提琴中注意到它。

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

3 个答案: