javascript如何阻止事件冒泡和默认行为

JavaScript017

javascript如何阻止事件冒泡和默认行为,第1张

js阻止冒泡

在阻止冒泡的过程中,W3C和IE采用的不同的方法,那么我们必须做以下兼容。

复制代码 代码如下:

function stopPro(evt){

var e = evt || window.event

//returnValue如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,

//可以取消发生事件的源元素的默认动作。

//window.event?e.returnValue = false:e.preventDefault()

window.event?e.cancelBubble=true:e.stopPropagation()

}

首先:你不想使用的方法恰恰是推荐的最好的方法,为什么不用推荐的方法呢。

如果实在想用第一种,onclick="F_Bind_ZhongLeiClick(this)"

修改为

onclick="F_Bind_ZhongLeiClick(this)return false"

js事件的冒泡指的是事件向上传导,当后代元素上的事件被触发时,将会导致其祖先元素上的同类事件也会触发。

js事件的冒泡大部分情况下都是有益的,如果需要取消冒泡,则需要使用事件对象来取消可以将事件对象的cancelBubble设置为true,即可取消冒泡。