ie不支持的event.stopPropagation的解决方式

最新推荐文章于 2024-04-24 09:22:16 发布
最新推荐文章于 2024-04-24 09:22:16 发布
阅读量423 收藏
点赞数
分类专栏： 前端 文章标签： javascript html web
原文链接：https://www.cnblogs.com/olive27/p/6762419.html
版权 
if (event.stopPropagation) {
    // 针对 Mozilla 和 Opera
    event.stopPropagation();
} else if (window.event) {
    // 针对 IE
    window.event.cancelBubble = true;
}

只要把event.stopPropagation()，替换为上面的代码就可以了

https://www.cnblogs.com/olive27/p/6762419.html

初心绘流年
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于event.cancelBubble和event.stopPropagation()的区别介绍
09-05
cancelBubble用于ie的阻止冒泡事件，event.stopPropagation（）用于firefox和chrome等其他浏览器的疑惑介绍。
e.stopPropagation()在uni-app中无效，只能使用stop，所产生的问题
晓枫
02-25 2226
​ 之前做的仪表盘滑动效果 uni-app 微信小程序，因为在苹果手机上滑动时页面会抖动，所以这部分里是阻止了滑动事件的冒泡的，本来页面不足一屏是没有问题可是出了新需求后页面需要上下滚动，就导致了在仪表盘部分上下滑动无法滚动页面，操作很不方便。
对象不支持“stopPropagation”属性或方法
包子源的博客
03-10 6618
ie不支持stopPropagation，需要这样处理： if (event.stopPropagation) { // 针对 Mozilla 和 Opera event.stopPropagation(); } else if (window.event) { // 针对 IE window.event.cancelBubble = true; }
[Vue warn]: Error in v-on handler: “TypeError: $event.stopPropagation is not a function“
前端泡面人
07-05 635
vue或uni中.stop阻止事件冒泡报错的问题（修饰符.native）
zhangjiayu88的博客
04-02 4318
在开发中我们常常会遇到要阻止事件冒泡的问题，加个.stop就好了。但是在组件上阻止事件冒泡会报错：$event.stoppropagation is not a function。这是因为当事件添加到Vue组件上时，会变成自定义事件，如果想要触发事件的回掉函数，则必须子组件内的$emit调用才可以。1.native修饰符可以让父组件接收到原生事件, 否则只能接收自定义事件(通过子组件$emit触发)；2. native修饰符只能用在组件上, 不能用在原生标签上。，就可以解决这个报错问题。
stopPropagatio阻止冒泡兼容IE
金大光
02-16 544
event. stopPropagatio()是阻止冒泡事件的方法， 在ie浏览器上没有stopPropagatio()这个方法， 在ie上要用e.cancelBubble=true阻止冒泡事件
React stopPropagation失灵
大灰狼的小绵羊哥哥的博客
03-01 3184
前言 故事的开头是这样的：写业务的过程中，发现在React的onClick的回调函数里，用stopPropagation阻止绑定在document上的事件的时候，是没办法做到的，只可以阻止outClick事件的触发。详情如下： class ExampleApplication extends React.Component { componentDidMount() { ...
阻止事件冒泡stopPropagation的兼容写法
热门推荐
pink_clouds的博客
08-18 1万+
阻止事件冒泡stopPropagation的兼容写法
用例子说明event.stopPropagation与event.preventDefault的区别及如何兼容IE8
rocklee的专栏
11-14 9024
严格来说stopPropagation与preventDefault其实没什么关系，一个是停止传播事件，一个是阻止默认的行为。    由于IE8并不兼容这两个方法，所以，我们如果需要考虑兼容性的话，应该这样写： if (event.stopPropagation){ event.stopPropagation(); } else{ event.cancelBubble=true; } i
js中的eventType事件及其浏览器支持性介绍
12-10
一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后，松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且
event对象的方法 兼容多浏览器
11-30
代码如下:function getEvent(){ //同时兼容ie和ff的写法 if(document.all) return window.event; func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((arg0.constructor==Event ||...
Javascript 阻止javascript事件冒泡，获取控件ID值
01-19
1. 如何阻止事件冒泡 代码如下://非IE if (event && event.stopPropagation) event.stopPropagation(); else//IE window.event.cancelBubble = true; 2.获取控件ID 代码如下:if (document.all) { //IE alert(...
Javascript Event（事件）的传播与冒泡
11-27
标准和Ie9+浏览器用stopPropagation()或cancelBubble阻止事件传播，而ie8-用e.cancelBubble属性来阻冒泡，注意ie9不支持cancelBubble属性（设置后不生效），但chrome、safari、opera、firefox都支持cancelBubble...
Storage 工具如何封装(前缀、加密、过期时间等)及localStorage的基础介绍
qq_43641110的博客
04-18 1124
​​​​​​​。
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19 496
官网代码（在取消选中状态的时候不生效）
一个小时学习javaScript
weixin_43064364的博客
04-20 852
JavaScript 是一种广泛使用的编程语言，最初被设计来增加网页的交互性，让用户能够与网页上的元素进行互动。自从1995年被引入以来，JavaScript已经发展成为Web开发中不可或缺的一部分，并且其用途已经大大扩展到了网页之外。
JavaScript 高性能编程 —— Data Access 数据访问
cccloveforever的博客
04-20 1458
经典计算机科学的一个问题是确定数据应当存放在什么地方，以实现最佳的读写效率。数据存储在哪里， 关系到代码运行期间数据被检索到的速度。在 JavaScript 中，此问题相对简单，因为数据存储只有少量方 式可供选择。正如其他语言那样，数据存储位置关系到访问速度。每一种数据存储位置都具有特定的读写操作负担。大多数情况下，对一个直接量和一个局部变量数据访 问的性能差异是微不足道的。访问数组项和对象成员的代价要高一些，具体高多少，很大程度上依赖于浏 览器。
vue2---修饰符
最新发布
weixin_45503872的博客
04-24 735
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
jq的 event.stopPropagation();写法
07-17
在 jQuery 中，可以使用 `event.stopPropagation()` 方法来阻止事件冒泡。以下是使用 jQuery 的 `event.stopPropagation()` 的示例代码： ```javascript $('.child').on('click', function (event) { event....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值