Question

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

Answer 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

Answer 2

这应该有效：

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

Answer 3

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

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

Answer 4

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

如何将enter / return键绑定到用户定义的函数

4 个答案: