IE10/IE9 Click Enter will trigger submission

最新推荐文章于 2022-02-15 17:15:25 发布

weixin_30677617

最新推荐文章于 2022-02-15 17:15:25 发布

阅读量100

点赞数

原文链接：http://www.cnblogs.com/lily-tiantian/p/4317835.html

版权

Form Enter Submission Implicit(Form 表单使用Enter键显示提交表单）

当使用Form表单，在一个text input框中，按Enter键，则会显示的提交该表单。例如：当在test文本框中输入Enter键时，则会显示的将该表单请求提交到http://www.xx.com

<form action="http://www.xx.com">
    <input name="test" type="text">
    <input type="submit">
</form>

如果在form中使用button 默认 type=submit，则也会发生同样的行为。例如：

<form action="http://www.xxx.com">
    <input name="test" type="text">
    <button>Submit</button>
</form>

对于Form在一个Text的Input中按Enter则会触发input[type="submit"] /button[type="submit"]的click事件，这是所有浏览器都是默认实现的行文

IE10/IE9有个特殊行为，即使没有Form表单，对于在Text中按Enter，则会触发Dom 中找到的第一个Button[type=submit"]的click事件。例如：

<input type="text">
<!-- other stuff -->
<button>Submit</button>

为button 添加Type="button"属性，例如：

<input type="text">
<!-- other stuff -->
<button type=”button">Submit</button>

从而预防IE10/IE9，当用户按Enter键时触发Click事件

转载于:https://www.cnblogs.com/lily-tiantian/p/4317835.html

关注