js阻止冒泡有哪些方法

JS阻止冒泡方法(转)

S事件流其中一种是冒泡事件,当一个元素被触发一个事件时,该目标元素的事件会优先被执行,然后向外传播到每个祖先元素,恰如水里的一个泡泡似的,从产生就一直往上浮,到在水平面时,它才消失.在这个过程中,如果你只希望事件发生在目标元素,而不想它传播到祖先元素上去,那么你需要在“泡泡”离开对象之前刺破它. 我在文档中写了一个层,<div id="need_hide">点击以外隐藏该层</div>,并为之设置了简单的样式,现在我希望点击该层以外的地方使之隐藏,那么我给根元素

JS点击子元素不触发父元素点击事件(js阻止冒泡)

js阻止冒泡 <html> <title></title> <head> <meta charset="utf-8"> <style type="text/css"> .divone{width:100px;height:100px;background:black;position: relative;cursor: pointer} .divchild{position: absolute;

js阻止冒泡及jquery阻止事件冒泡示例介绍

js阻止冒泡在阻止冒泡的过程中,W3C和IE采用的不同的方法,那么我们必须做以下兼容. 复制代码代码如下: function stopPro(evt){ var e = evt || window.event; //returnValue如果设置了该属性,它的值比事件句柄的返回值优先级高.把这个属性设置为 fasle, //可以取消发生事件的源元素的默认动作. //window.event?e.returnValue = false:e.preventDefault(); window.ev

js阻止冒泡

js阻止冒泡 (ev || event).cancelBubble = true; 标签切换 <script type="text/javascript"> window.onload = function () { var oUl = document.getElementById('ul_menu'); var oLi = getByClass(oUl, 'item'); var sonUl = getByClass(oUl, 'son'); for (var i =

js 阻止冒泡兼容性方法

function customstopPropagation(e){ var ev = e || window.event; if (ev.stopPropagation) { ev.stopPropagation(); $(document).on("click",".add",function(e){ //阻止冒泡 customstopPropagation(e); }) } else if (window.event) {//IE window.event.c

js阻止冒泡和默认事件（默认行为）详解- jquery DefaultPrevented 函数

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { width: 300px; height: 300px; background: red;

Js阻止冒泡，Vue中如何阻止冒泡事件

js解决冒泡:event.stopPropagation() vue解决冒泡: 事件.stop,例如:@click.stop="" ,@mouseover.stop=""

js阻止冒泡和默认事件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>阻止冒泡和默认事件</title> </head> <body> <button>阻止冒泡和默认事件</button> <script> function stopPropagation(e) {

js阻止冒泡事件和默认事件的方法

阻止默认事件 function stopDeFault(e){ if(e&&e.preventDefault){//非IE e.preventDefault(); }else{//IE window.event.returnValue=false; } } 阻止事件冒泡 function stopBubble(e){ if(e&&e.stopPropagation){//非IE e.stopPropagation(); }else{//IE window.event.can

JS阻止冒泡事件以及默认事件发生的简单方法

如果<p>是在<div>里面,那么呢,<P>有一个onclick事件,<div>也有onclick事件,为了触发<P>的点击事件时,不触发父元素的点击事件,那么就需要调用如下函数: 代码如下: function stopBubble(e){ if(e&&e.stopPropagation){//非IE e.stopPropagation(); } else{//IE window.event.canc

js阻止冒泡事件及默认操作

1. 事件目标现在,事件处理程序中的变量event保存着事件对象.而event.target属性保存着发生事件的目标元素.这个属性是DOM API中规定的,但是没有被所有浏览器实现 .jQuery对这个事件对象进行了必要的扩展,从而在任何浏览器中都能够使用这个属性.通过.target,可以确定DOM中首先接收到事件的元素(即实际被单击的元素).而且,我们知道this引用的是处理事件的DOM元素,所以可以编写下列代码: // 修改前$('#switcher').click(function(ev

js 阻止冒泡事件和默认事件

阻止事件冒泡 window.enent ? window.enent.cancelBubble = true : e.stopPropagation() function stopBubble(event){ if(window.event){//兼容IE window.event.cancelBubble=true; }else{ event.stopPropagation(); } 阻止默认事件 window.event? window.event.returnValue=false : e

JS阻止冒泡和取消默认事件(默认行为)

本文链接:http://caibaojian.com/javascript-stoppropagation-preventdefault.html 阻止事件冒泡 function(e){ if( e && e.stopPropation ) e.stopPropagation(); else window.event.cancelBubble = true; } 阻止默认行为 //阻止浏览器的默认行为 function stopDefault( e ) { //阻止默认浏览器动作(W3C

js 阻止冒泡

$this.click(function(e){ e.stopPropagation(); });

JS阻止冒泡事件

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #dv1{ width: 500px;height: 500px;background: red;border: 1px solid; } #dv2{ width: 400px;height: 400px;background: blue;border: 1px solid; }

JS阻止事件冒泡与浏览器默认行为

阻止冒泡 W3C的方法是e.stopPropagation() IE是e.cancelBubble = true; 阻止默认行为 W3C的方法e.preventDefault(), IE是e.returnValue=false return false 原生js的return false只会阻止默认行为,不会阻止冒泡. jQuery的return false既阻止默认行为,又阻止冒泡.

javascript 阻止冒泡

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

js 事件冒泡、捕获；call()、apply()

他们是描述事件触发时序问题的术语.事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件.相反的,事件冒泡是自下而上的去触发事件.绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获.true,事件捕获:false,事件冒泡.默认false,即事件冒泡.Jquery的e.stopPropagation会阻止冒泡:该方法将停止事件的传播,阻止它被分派到其他 Document 节点.在事件传播的任何阶段都可以调用它.注意,虽然该方法不能阻止同一个 Document 节点

js事件冒泡于事件捕获

事件冒泡事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件. 事件冒泡是自下而上(从最深节点开始,向上传播事件)的触发事件 //例子 <div id="parent"> <div id="child" class="child"></div> </div> <script> var d_parent = document.getElementById(&quo

js阻止事件冒泡的两种方法

1.什么是JS事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window). 2.阻止方法方法一:event.stopPropagation( ) <div> <p>段落文本内容 &

js阻止冒泡有哪些方法

热门专题