经常写form表单以前没有怎么注意 无意中注意到一些元素组成的默认事件。

在form表单中 目前发现具备以下情况会默认支持回车事件提交表单

  1. 所有的表单元素中只有1个text 无论提交按钮是否为type=submit

  2. 表单中的提交按钮type=submit


    //此代码默认就具有了回车提交表单的事件  需要格外小心
     <form>
           <input type="text" value="" name="name">
           <input type="button" value="button"/>
       </form>

如果我们的表单中仅有一个text的话怎么阻止默认回车事件呢?

可以在表单中多加一个隐藏的text


<form>
      <input type="text" value="" name="name">
      <input type="text" style="display: none;">
      <input type="button" value="button"/>
  </form>

示例demo 具有默认事件：http://peachyy.github.io/demos/htmlformenterevent/index.html

示例demo 不具有默认事件：http://peachyy.github.io/demos/htmlformenterevent/index.html