右键、阻止冒泡

JavaScript023

右键、阻止冒泡,第1张

1.1. 首先我们来看原生JS取消事件冒泡方法：

e.stopPropagation()//非IE浏览器

window.event.cancelBubble = true//IE浏览器

1.2. 原生JS阻止默认事件方法：

e.preventDefault()//非IE浏览器

window.event.returnValue = false//IE浏览器

2..2. vue.js阻止默认事件

//只需将click改成click.prevent

3.1. 右键阻止默认

@contextmenu.prevent="rightClick( popover${index} , day)"

3.2. 右键不阻止默认

@contextmenu="rightClick( popover${index} , day)"

如果<p>是在<div>里面，那么呢，<P>有一个onclick事件，<div>也有onclick事件，为了触发<P>的点击事件时，不触发父元素的点击事件，那么就需要调用如下函数：

代码如下:

function stopBubble(e){

if(e&&e.stopPropagation){//非IE

e.stopPropagation()

}

else{//IE

window.event.cancelBubble=true

}

}

<a onclick=''>如果要阻止默认事件的触发，即默认的href事件，那么就需要调用如下函数：

代码如下:

function stopDefault( e ) {

//阻止默认浏览器动作(W3C)

if ( e &&e.preventDefault )

e.preventDefault()

//IE中阻止函数器默认动作的方式

else

window.event.returnValue = false

return false

}

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

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

修改为

onclick="F_Bind_ZhongLeiClick(this)return false"