第一种:return false, 缺点:直接返回了函数,函数后面的语句没法执行了; 第二种: event.stopPropagation(); 阻止事件冒泡这里以click事件为例 <div class="btn1"> < ...
方式一:event.stopPropagation 方式二:return false 但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。event.stopPropagation 则只阻止事件往上冒泡,不阻止事件本身。 ...
2017-05-11 10:17 0 46009 推荐指数:
第一种:return false, 缺点:直接返回了函数,函数后面的语句没法执行了; 第二种: event.stopPropagation(); 阻止事件冒泡这里以click事件为例 <div class="btn1"> < ...
什么是冒泡事件? 子元素被包裹在父元素下,当同时给子元素绑定事件父元素绑定事件时,如果点击子元素,父元素上的事件也会被出发,顺序是子元素→父元素。 为什么要解决冒泡事件? 当子元素和父元素同时绑定点击事件时,在点击子元素时,不希望父元素的事件也被触发。 如何解决冒泡事件 ...
我们在平时的开发过程中,肯定会遇到在一个div(这个div可以是元素)包裹一个div的情况,但是呢,在这两个div上都添加了事件,如果点击里面的div我们希望处理这个div的事件,但是呢,我们不希望外层的div的事件也执行,这时候我们就要用到阻止冒泡。 通俗点来说吧,你在家里看电视,躲在 ...
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 下面是html代码部分: 对应的jQuery代码如下: 当点击span时,会触发div与body 的点击事件。点击div时会触发 ...
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 我们在平时的开发过程中,肯定会遇到在一个div(这个div可以是元素)包裹一个div的情况,但是呢,在这两个div上都添加了事件,如果点击里面的div我们希望处理这个div的事件,但是呢,我们不希望外层的div的事件也执行,这时候 ...
JQuery 提供了两种方式来阻止事件冒泡。 方式一:event.stopPropagation(); $("#div1").mousedown(function(event){ event.stopPropagation ...
event.stopPropagation() 方法 event.stopPropagation() 方法阻止事件冒泡 ...
什么是事件冒泡 <div style="width: 200px;height: 200px;background: red;margin: 200px auto;" onclick="box()"> <p onclick="test()" style ...