event.cancelBubble

最新推荐文章于 2021-08-12 19:59:35 发布

mengpenglai

最新推荐文章于 2021-08-12 19:59:35 发布

阅读量501

点赞数

本文链接：https://blog.csdn.net/mengpenglai/article/details/50561198

版权

有时候需要我们禁止事件冒泡

<html>

<head>

<style>

#div1{ width:100px;height:200px;border:1px solid red;display:none;}

</style>

window.οnlοad=function()

{

var oDiv=document.getElementById('div1');

var oBtn=document.getElementById('btn1');

oBtn.οnclick=function(ev)

{

//如果不禁止冒泡程序，oBtn.onclick点击事件会传送到document.onclick，并让document绑定的时间函数执行

ev=ev || event;

oDiv.style.display='block';

ev.cancelBubble=true;

}

document.οnclick=function()

{

oDiv.style.displa='none';

}

</script>

</head>

<body>

</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注