首页 > 编程语言> > javascript – 在文本框中按Enter键不会触发firefox中提交按钮的onclick事件

javascript – 在文本框中按Enter键不会触发firefox中提交按钮的onclick事件

2019-07-22 03:35:39 作者：互联网

我有这个非常简单的html页面,它包含一个文本框和一个提交按钮,我想要的是在文本框中键入内容并按下按钮的onclick事件中的输入函数被调用.它在IE和谷歌Chrome中工作但不在FireFox中工作,这是FireFox的正常行为还是在这里缺少一些东西？

<html>
<head>
<script language="javascript">
function callMe()
{
   alert("You entered: " + document.getElementById("txt").value);
}
</script>
</head>
<body>
<input type="text" id="txt" />
<input type="submit" value="Submit" onclick="callMe()" />
</body>
</html>

解决方法:

从description of the onclick event：

The onclick event occurs when the pointing device button is clicked over an element. This attribute may be used with most elements.

即使不使用指点设备并点击某些内容,也无法保证UA应该生成此类事件.

您可能希望在表单上使用onsubmit事件：

The onsubmit event occurs when a form is submitted. It only applies to the 07001 element.

但是,您需要在文本字段和按钮周围包装表单：

<html>
  <head>
    <script language="javascript">
      function callMe()
      {
        alert("You entered: " + document.getElementById("txt").value);
      }
    </script>
  </head>
  <body>
    <form onsubmit="callMe()" action="#">
      <input type="text" id="txt" />
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>

标签：javascript,cross-browser,html-form,firefox
来源： https://codeday.me/bug/20190722/1498842.html