javascript - 控制 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();
  }
})

您还可以像下面这样绑定(bind)到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
});