前端 开发 js阻止事件冒泡

大华前端开发面试题|腾讯前端开发面试题|软件前端开发就业

一、冒泡事件简介

当我们点击一个控件的时候，如果包括这个控件的父控件也有click事件，则会继续执行。

比如：div下的a都有click事件，点击a的时候，会alert出现2次。这个现象叫做冒泡事件。

事件{

/*阻止事件冒泡*/

function stopEvent(e){

//阻止事件冒泡

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

e.stopPropagation();

}else {//IE

window.event.cancelBubble=true;

}

}

你的代码；

}

例如：

$(document).ready(function () {

/阻止事件冒泡/

function stopEvent(e){

//阻止事件冒泡

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

e.stopPropagation();

}else {//IE

window.event.cancelBubble = true;

}

}

selectEvent();

setStyle();

});