JavaScript停止冒泡和阻止浏览器默认行为

1

functionmyfn(e){ varevt = e ? e:window.event; }

functionmyfn(e){

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

}

functionmyfn(e){

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

}

<div id='div'onclick='alert("div");'>

<ul onclick='alert("ul");'>

<li onclick='alert("li");'>test</li>

</ul>

</div>

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

//假定有链接<a href="http://caibaojian.com/" id="testA" >caibaojian.com</a>

vara = document.getElementById("testA");

a.onclick =function(e){

if(e.preventDefault){

e.preventDefault();

}else{

window.event.returnValue == false;

}

}

<div id='div'onclick='alert("div");'>

<ul  onclick='alert("ul");'>

<li id='ul-a'onclick='alert("li");'><a href="http://caibaojian.com/"id="testB">caibaojian.com</a></li>

</ul>

</div>

vara = document.getElementById("testB");

a.onclick = function(){

returnfalse;

};

<div id='div'onclick='alert("div");'>

<ul  onclick='alert("ul");'>

<li id='ul-a'onclick='alert("li");'><a href="http://caibaojian.com/"id="testC">caibaojian.com</a></li>

</ul>

</div>

$("#testC").on('click',function(){

returnfalse;

});

functionstopBubble(e) { 

//如果提供了事件对象，则这是一个非IE浏览器 

if( e && e.stopPropagation ) 

    //因此它支持W3C的stopPropagation()方法 

    e.stopPropagation(); 

else

    //否则，我们需要使用IE的方式来取消事件冒泡 

    window.event.cancelBubble = true; 

}

//阻止浏览器的默认行为 

functionstopDefault( e ) { 

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

    if( e && e.preventDefault ) 

        e.preventDefault(); 

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

    else

        window.event.returnValue = false; 

    returnfalse; 

}

functiona(e){

vare = (e) ? e : ((window.event) ? window.event : null); 

vare = e || window.event; // firefox下window.event为null, IE下event为null

}