前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JQuery IE下如何阻止keydown事件冒泡

JQuery IE下如何阻止keydown事件冒泡

作者头像
Java架构师必看
发布2021-05-27 11:47:39
1.6K0
发布2021-05-27 11:47:39
举报
文章被收录于专栏:Java架构师必看

今天凑巧碰到一件怪事:

1.问题描述:

根据用户输入的内容按回车键作查询时,在IE下一直会触发一个Button按钮;IE下只有Button才会有这个问题,如果是a标签就不会有这样的问题?

2.解决思路:

比如可以把button换掉;阻止keydown事件的默认行为preventDefault等。

3.举例说明:

1.阻止浏览器的默认行为 function stopDefault(e) { if(e && e.preventDefault) {  //如果提供了事件对象,则这是一个非IE浏览器            e.preventDefault(); //阻止默认浏览器动作(W3C)         } else {  //IE中阻止函数器默认动作的方式            window.event.returnValue = false;          }         return false;     }

2.停止事件冒泡 function stopBubble(e) {       if(e && e.stopPropagation) { //如果提供了事件对象,则这是一个非IE浏览器     e.stopPropagation();  //因此它支持W3C的stopPropagation()方法     } else { //否则,我们需要使用IE的方式来取消事件冒泡      window.event.cancelBubble = true;      }     return false;  }

如:

<input type="text" name="appGrpName_s" id="appGrpName_s" οnkeydοwn="enter_down(this.form, event);"/>

<script type="text/javascript">     function enter_down(form, event) {          if(event.keyCode== "13") {           stopDefault(event);           submitForm(form,'actionDiv');         }     }     function stopDefault(e) {         if(e && e.preventDefault) {   //如果提供了事件对象,则这是一个非IE浏览器            e.preventDefault(); //阻止默认浏览器动作(W3C)         } else {  //IE中阻止函数器默认动作的方式           window.event.returnValue = false;          }         return false;     } </script> 这样就可以解决ie下面按回车键触发button click()事件了

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档