js 取消事件冒泡

html部分

<input type="button" id="btn1" value="按钮" />
<div id="div1"></div>

css部分

<style type="text/css">
#div1{
width: 100px;
height:100px ;
background:#ccc ;
display:none ;
}
</style>

js部分

<script type="text/javascript">
window.οnlοad=function(){
obtn1=document.getElementById('btn1');
odiv1=document.getElementById('div1');
obtn1.οnclick=function(ev){
var oEvent=ev||event; //兼容IE跟非IE

oEvent.cancelBubble=true; //取消事件冒泡
odiv1.style.display='block';
}
document.οnclick=function(){
odiv1.style.display='none';
}
}
</script>

转载于:https://www.cnblogs.com/zhangqian1/p/7047426.html