69. 取消form表单提交默认enter事件

最新推荐文章于 2024-07-09 10:31:03 发布

he_feifan

最新推荐文章于 2024-07-09 10:31:03 发布

阅读量1k

点赞数

分类专栏：使用技巧文章标签： javascript css css3 html5 html

本文链接：https://blog.csdn.net/ffan1/article/details/107419203

版权

在修复项目bug时遇到form表单的input元素存在默认的Enter提交事件，导致意外交互。解决方法是在表单中添加一个仅包含type属性的空input标签，通过这种方式可以阻止Enter键触发的默认提交行为。

摘要由CSDN通过智能技术生成

69. 取消form表单提交默认enter事件

备注： 给项目修bug时发现form表单的input提交方法包含一个默认enter提交事件，导致原本作为iframe内部的表单提交发生了我们意料之外的交互，于是需要清除这个默认事件，看了一些资料之后发现也很简单，只需要一个类型为text的input标签即可让默认事件失效，但要谨记，这个input的标签只能有type这个属性，否则无法停止默认事件。

使用空的input事件

<input itype="text" style="display:none" />

代码应用

<form method="post" class="form-horizontal js-ajax-form m-form" enctype="multipart/form-data">
            <fieldset>
                <!-- 部门名称 -->
                <div class="control-group