如何将回车键绑定到用户定义的函数

【问题标题】：How to bind the enter/return key to user-defined function如何将回车键绑定到用户定义的函数
【发布时间】：2011-09-21 02:57:46
【问题描述】：

我正在开发一个在一个页面上运行且不会重新加载的应用程序。我有一个只有输入类型文本的表单，没有提交按钮。我包含了 onchange 事件，在用数据填充文本框后，我想在按 enter 时执行绑定到 onchange 事件的函数，但是表单相当提交并且[它尝试加载新页面]。请问我该怎么办？谢谢

【问题讨论】：

标签： javascript jquery

【解决方案1】：

您可以在文本框上挂钩keypress事件并调用您的处理程序，并取消该事件以阻止表单提交：

$("selector_for_your_text_box").keypress(function(event) {
    if (event.which === 13) {
        // call your `change` logic here

        // Cancel the event
        return false;
    }
});

Live example

【讨论】：

【解决方案2】：

这应该可行：

$(function() {
   $('#yourInput').keypress(function(event) {
      var key = event.keyCode || event.which;
      if (key == 13) {
         event.preventDefault();
         // call your function here
   });
});

【讨论】：

【解决方案3】：

Yo 可以绑定到输入上的keypress 事件：

$('#inputfieldid').keypress(function() {
  alert('Handler for .keypress() called.');
});

【讨论】：

【解决方案4】：

试试演示链接http://jsfiddle.net/HDkJW/

【讨论】：