首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么event.stopPropagation不取消$('html').click?

event.stopPropagation() 方法是用来阻止事件冒泡的,即阻止事件从子元素向父元素传播。而 $('html').click() 是 jQuery 中的一个事件绑定方法,用于给 html 元素绑定 click 事件。

当点击 html 元素时,事件会从触发元素开始向上冒泡,依次触发父元素的 click 事件。如果在子元素的事件处理函数中调用 event.stopPropagation(),则事件不会继续向上冒泡,父元素的 click 事件不会被触发。

然而,$('html').click() 是在 html 元素上绑定的事件,而不是在子元素上绑定的。因此,即使在子元素的事件处理函数中调用 event.stopPropagation(),也无法阻止 html 元素上绑定的 click 事件的触发。

总结起来,event.stopPropagation() 只能阻止事件冒泡,而无法阻止直接在元素上绑定的事件的触发。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

第9章 JavaScript事件处理

带着问题去看书学习啦~ HTML5+CSS3+JavaScript Web 前端开发案例教程(慕课版)【推荐】,微信读书中找到的学习Web前端书籍,第9章开始啦,耶(^-^)V 习题 9-1 调用事件的方法有几种...2.事件处理程序在HTML中的调用 在HTML中调用事件处理程序,只需要在HTML标签中添加相应的事件,并在其中指定要执行的代码或是函数名即可。...click、submit、mouseover 等 9-3 主流浏览器支持DOM标准的事件处理模型有哪几种?...returnValue为false即可 取消浏览器的事件传递 取消事件传递是指,停止捕获型事件或冒泡型事件的进一步传递。...) event.stopPropagation(); else event.cancelBubble = true; } 其他 真的是推荐此书噢,越看下去,越觉得...一言难尽。

1K20

阻止mouseover冒泡行为_onmousedown是什么意思

DOCTYPE html> <meta name="viewport" content="width...终止事件冒泡 方式一: <em>event.stopPropagation</em>() 在子元素相应的处理函数内,加入 <em>event.stopPropagation</em>() ,终止事件的广播分发,这样事件停留在本节点...; } }); 比较: 从事件传递上看:方法一在于<em>取消</em>事件冒泡,即当某些节点<em>取消</em>冒泡后,事件不会再向上传递;方法二在于<em>不</em>阻止冒泡,过滤需要处理的事件,事件处理后还会继续传递; 分析方法二...window.onload = function() { document.getElementById("body").addEventListener("click",eventPerformed...本站仅提供信息存储空间服务,拥有所有权,承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

1.5K20

javascript事件详解

在阻止特定事件的默认行为,可以使用preventDefault()方法,比如如下,我点击一个连接,按道理是打开一个新连接窗口,但是我使用preventDefault()方法可以阻止默认行为,阻止打开新窗口;如下代码: HTML...console.log(e) e.preventDefault(); } 就可以阻止页面进行跳转了~ 这是标准浏览器下处理方式,下面我们来看看IE是如何处理默认事件的; IE下使用returnValue属性来取消给定事件的默认行为...console.log(window.event.srcElement); } 理解标准浏览器与IE下阻止事件传播的区别 在标准浏览器下我们可以使用stopPropagation()方法来停止事件在DOM层次中的传播,即取消事件中的冒泡或者捕获...alert(1); window.event.cancelBubble = true; } document.body.onclick = function(){ alert(2); } 如果设置...) { event.stopPropagation(); }else { event.cancelBubble = true;

1.4K50

jQuery阻止冒泡和HTML默认操作

事件:现在我们都在这两个元素上绑定相同的事件,比如click事件。        结果:这时,当我们点击内层的P标签的时候,内层元素的click事件触发,同时外层DIV的click事件也会触发。...3:在HTML中有的元素被定义了一些默认的属性,比如说A元素,这个元素就是我们平时使用的超链接标签,这个标签的默认属性是实现页面的跳转。...如下:        $('p:first').click(function(event){           //event对象可以使用了         }); 5:有时我们希望冒泡或默认的事件发生...C:event.stopPropagation()---> In event handler ,prevent bubbling (allows default behavior).         ...event.stopPropagation()在事件的处理中,可以阻止冒泡但是允许默认事件的发生。

2.1K50
领券