Question

我使用下面的代码根据用户文本输入更新网址链接：

<input type="text" id="q" />
<input type="button" id="submit" value="submit" />

<script>
$(function () {
$("#submit").click(function() {
    var url = "/tag/";
    url += $("#q").val();
    window.location = url;
});
});
</script>

现在，当有人点击提交按钮时，它可以正常工作。我想要的是当用户按下回车按钮时它也可以工作。 Fiddle HERE

Answer 1

试试这个：

$(document).keypress(function(e) {
 if(e.which == 13) {
    var url = "/tag/";
    url += $('#q').val();
    window.location = url;
 }
});

Answer 2

您可以简单地使用document.location 为此，从$(document).keypress()中提取函数以避免代码复制，如下所示：

.click()

更新

更好的解决方案是使用jquery <input type="text" id="q" /> <input type="button" id="submit" value="submit" /> <script> $(function () { var executeFunction = function(){ var url = "/tag/"; url += $("#q").val(); window.location = url; }; $("#submit").click(executeFunction); $(document).keypress(function(event) { if(event.which == 13) { executeFunction(); } }); }); </script> event handler

.submit()

按Enter按钮时如何触发onclick功能？

2 个答案:

更新