IE下按回车自动触发input type=submit的按钮点击事件

最新推荐文章于 2020-02-28 14:19:23 发布
最新推荐文章于 2020-02-28 14:19:23 发布
阅读量1.2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/caixiajia/article/details/76672441
本文介绍了一个在IE浏览器中按回车键会自动触发input type=submit按钮点击事件的问题，并提供了两种解决方案：一是将type=submit改为type=button；二是采用a标签替代。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在做项目中遇到了个奇怪的问题，在IE下按回车自动触发input type=submit的按钮点击事件。

解决方法：将type=submit修改为type=button


下面这个楼主也遇到的同样的问题

http://www.cnblogs.com/cqmy/p/6349395.html

他有两种解决方案：

1、用a标签

2、使用<input type="button">


Element UI 输入框输入中文按回车自动触发事件？一步步排查问题并解决
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
02-19 723
通过逐步排查和分析，我们成功解决了 Element UI 输入框按回车时自动触发表单提交的问题。最终，通过阻止表单的默认提交行为，确保了用户体验的流畅性。上监听了回车键的事件，但是当回车键被按下时，它依然会触发表单提交。组件时特别常见，尤其是在用户输入中文时，按下回车键意外触发了不该执行的操作。然而，问题出现在中文输入时，按回车键不仅会触发。下面我将一步步排查这个问题，并给出解决方案，帮助大家避免这种困扰。，从而正确触发搜索操作，避免了回车键误触发提交的问题。事件被触发，甚至会提交表单，给用户带来困扰。
form 表单 input 敲击回车冒泡会触发附近button的click事件
小妖666个人笔记
11-11 1528
form 表单 input 敲击回车冒泡会附近按钮的 click 事件 <!DOCTYPE html> <html> <body> <form action="/demo/demo_form.asp"> First name:<br> <input type="text" name="firstname" value="Mickey"> <button type="text" onclick="changeText('bu
input type="submit' 加上onclick的好用处
生活在爪洼岛上
07-17 1万+
 onclick="chakan()"/>当点击“查看”按钮后，会先执行chakan()脚本里面的代码，如果某个地方return false;(false可以省略)之后会继续执行submit到后台处理查看报卡系统中CustomerInfoManagerment.jsp中的submits()方法，注意，按钮的类型为submit可以看到效果
input type="submit" 和"button"有什么区别？
weixin_34150830的博客
01-27 205
http://www.zhihu.com/question/20839977 在一个页面上画一个按钮，有四种办法： &lt;input type="button" /&gt; 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。 &lt;input type="submit" /&gt; 这样的按钮用户点击之后会自动提交 form，除非你写了javascrip...
IE8中按下回车键之后自动出现提交
架构师的方向
08-13 669
在HTML中有两种Button： 但是在IE中 标签中如果没有写明type属性为button的话，则默认会将Button解析成具有submit功能的按钮，即： 和 ， 是一样的效果。 在IE中页面上直接按下enter键的时候会直接提交submit按钮，导致产生的事件不是自己想触发的按钮的事件，所以在使用button标签的时候，要注意如果不是提交类
JavaScript禁止没有回车事件的input触发submit提交表单事件，已有回车触发事件的input不受影响
ASP.NET
04-24 2029
document.onkeydown = function(event) {//禁止没有回车事件的input触发submit提交表单事件，已有回车触发事件的input不受影响 switch (event.keyCode) { case 13: var obj = event.srcElement || event.target
<input type="submit">点击按钮 添加内容到相应的radio的ul li中
sunling的专栏
10-31 1480
实践题 - 选项卡       $(function(){   $(":submit").click(function(){   var radioLen = $(":radio:checked");   var type =radioLen.val();   if(radioLen.length ==0){   alert("请选择");   return false;
如何防止INPUT按回车自动提交表单FORM
11-29
然而，浏览器默认的行为是，当用户在单个输入框中按下回车键时，会触发表单的提交事件。这在某些场景下可能不符合开发者的设计需求，比如需要用户手动点击提交按钮或者执行特定的验证逻辑。本文将详细介绍如何防止`...
JS中type="button"和type="submit"的区别
10-19
此外，如果你的表单中有多个`type="submit"`按钮，按下回车键时，浏览器会选择第一个`submit`按钮来提交表单。 在易用性方面，使用`type="submit"`可以提升用户体验，因为它允许用户通过键盘的回车键来提交表单，而...
jQuery实现的回车触发按钮事件功能示例
11-29
在本文中，我们将深入探讨如何使用jQuery实现一个功能，即当用户在文本输入框中按下回车键时，触发按钮的点击事件。这个功能在许多Web应用中都很常见，例如登录表单，用户通常期望通过回车键提交信息，而不仅仅依赖...
HTML <button> 和 input type=“button”的区别 / input type="submit" 和"button"的区别
希希的博客
02-17 4231
1. 标签里可以放文本图片等内容，与创建的按钮不同。 2. 中的button通常与javascript一起使用启动脚本。如：  3. 如果在 HTML 表单中使用 元素，不同的浏览器可能会提交不同的按钮值。通常用在 HTML 表单中创建按钮。
在 input type="submit" 按钮中添加事件
热门推荐
HappierRaining
10-24 2万+
如下代码，可以直接在&lt;input type="submit" ..&gt;中添加onclick事件。用户点击"submit"按钮后会触发两个操作：一是提交表单到后台服务器。二是触发onClick事件调用我自己定义的upLoadData()函数。 ​ &lt;form action="http://127.0.0.1:5000" method="post" &gt;
Android移动端input标签type=submit时，点击时会光标会进入按钮。。。
fb_01的专栏
12-19 2058
1、原因：input有一个私有属性user-modify：read-write-plaintext-only； 2、解决方法：重写user-modify属性或者 input[type="submit"]{     -webkit-user-modify: read-plaintext-only; -moz-user-modify: read-plaintext-only;
input type="submit" 和"button"有什么区别
02-11 345
HTML中<input type="submit" /> 和 <input type="button" /> 主要从元素定义类型、点击触发动作两个方面来区别。 一、元素定义类型的区别： 1、<input type="button" /> 定义为一个可点击的按钮。 2、<input type="submit" /> 定义...
IE浏览器下第一次打开表单会自动提交的解决方法
weixin_34248023的博客
11-23 535
2019独角兽企业重金招聘Python工程师标准>>> ...
input标签的type=submit与$().submit()应对应
mobaids的博客
04-20 2205
type="submit" value="删除" onclick="delshop();" >                                                        function delshop(){         var isConfirm= window.confirm("确认删除？");         if(i
Windows10 的IE环境下，自动化点击元素无作用等异常的原因分析及排除
heyingxin006的博客
02-28 726
由于自动化的普遍和系统版本的更新，经常会出现一些不可预料的错误。 尤其是IE版本的跟新经常导致脚本不可用。 windows10系统的用selenium的click方法点击无作用或者等等问题，可以检查以下几点： 1.IE的4种安全级别下，保护模式保持一致； 2.IE重置，还原高级设置； 3.IE浏览器的百分比是100%，windows系统的缩放和布局是100%； 4.部分软件冲突导致，试...
html5中input的新类型（验证只有在点击提交按钮的时候才触发）
wd
07-13 9809
1.email，关于电子邮件是否合法，我们以前通常会在js脚本中写一个复杂的正则表达式来验证，但是现在不用了，类型为email的input控件可以自动帮助我们完成，用法如下： Document 如果输入不合格，则出现下面代码： 2.url，我们需要判断输入的是否是一个合法的网址，以前也是通过在js脚本中写一堆复杂的正则表达式，现
关于input调用close()函数
aaa1117a8w5s6d的专栏
02-23 3844
刚才发现一个问题， 然后加上如下函数： function haha() { alert("haha"); } function close() { alert("close"); } 当调用close()函数时，无法响应，后来发现原来html内部也有一个close方法，是用来关闭窗口的。 但调用haha函数时没有任何问题！同时onclick="javascript:window.close
el-input怎么按下回车触发事件
最新发布
08-07
在使用 Element UI 的 `el-input` 组件时，可以通过 `@keyup.enter.native` 事件监听器来实现按下回车键触发特定的方法。这种做法可以避免页面在按下回车键时发生刷新，并且能够执行用户自定义的逻辑。 例如，以下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值