javascript - 如何让 Enter 按钮执行其他操作而不是提交表单？

Question

我有一个使用自动完成功能的表单和一个链接。当在表单中输入一些文本并单击链接时，文本的内容进入文本区域。

您可以在这个测试页面中看到它的工作:http://www.problemio.com/test.php

我遇到的问题是，当光标位于文本字段中并按下“输入”时，表单会被提交。但更直观的是“添加类别”链接被点击。

有没有办法改变一些东西，以便当光标位于文本字段上并按下 enter 时，页面就像按下“添加类别”链接一样？

谢谢!!

Answer 1

您可以覆盖表单中的 Enter 键:

<script type="text/javascript">

function stopRKey(evt) {
  var evt = (evt) ? evt : ((event) ? event : null);
  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  if ((evt.keyCode == 13) && (node.type=="text"))  {return false;}
}

document.onkeypress = stopRKey;

</script>