控制ENTER键

Question

如何在页面中制作表单不会在紧迫时提交Enter- 而是.它与按特定按钮或图标或图像的工作相同吗？

以下是我的表格内容:

<input type="text" id="txt" /><input type="button" value="search"            
 onclick="searchresult()" />

问题是,如果我按下Enter,表单提交,文本字段自行清除,但该功能searchresult()不显示其效果.只按下按钮,效果很好.

Answer 1

HTML

<input type="text" id="txt"/>
<input type="button" value="search"/>

jQuery的

$('input[type=text]').on('keyup', function(e) {
  if(e.which == 13) {   // 13 is keycode for enter
    e.preventDefault();
  }
})

您也可以绑定到submit()以下内容

$('form').submit(function(e) {  // instead of only `form`, 
                                // use with `id` or `class` combination
   if(e.which == 13) {
     e.preventDefault();
   }
});

剩余

不要忘记将代码置于其中

$(document).ready(function() {
   // your code
});

简而言之

$(function() {
  // your code
});