如何将输入/返回键绑定到用户定义的函数

问题描述

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

解决方法

        您可以在文本框中挂起“ 0”事件并调用处理程序，然后取消该事件以防止表单提交：

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

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

现场例子     ,        这应该工作：

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

    ,        Yuo可以绑定到输入上的

keypress

事件：

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

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