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

标签 javascript jquery html forms

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

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

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

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

谢谢!!

最佳答案

您可以覆盖表单中的 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> 

关于javascript - 如何让 Enter 按钮执行其他操作而不是提交表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7960396/

相关文章:

javascript - 'sibiling' 和 'not' 选择器出现问题

javascript - 使用 CasperJS 登录亚马逊并处理验证码

javascript - 隐藏所有包含元素的div

javascript - jquery 中可以自动刷新而不使页面闪烁吗?就像在 Facebook 上一样

javascript - 如何在两个字体系列之间切换

html - CSS 网格中的响应 block 元素必须位于位置 : fixed

javascript - jQuery 联系表单标题移动效果

javascript - 更改输入值基于

javascript - 如何比较javascript中的对象元素值

javascript - Jquery UI 可拖动不会第一次拖动