当前位置：首页 > 资讯 > 技术文档

JS阻止事件冒泡行为和闭包的方法

时间：2022-11-26 02:36 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS阻止事件冒泡行为和闭包的方法

阻止事件冒泡行为，要是不阻止的话，点击div的时候也会同时触发body事件 [b]html代码[/b]

<body onclick='load()'>
<div onclick='cli()'>
click this
</div>
</body>

[b]css代码[/b]

div{
width:200px;
height:200px;
border:1px red solid;
}

[b]js代码[/b]

function load(){
console.log('body')
}
function cli(e){
console.log('div');
if ( e && e.stopPropagation ){
e.stopPropagation(); 
}
else{
window.event.cancelBubble = true;
return false;
}
}
//闭包:内部函数可以访问外部函数的变量
function a(){
var i=0;
function b(){
alert(++i);
}
return b;
}
var c=a();
c();//1 返回的b（）但是b（）可以访问a函数中的变量i

以上所述是小编给大家介绍的JS阻止事件冒泡行为和闭包的方法的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！

全部评论(0)

上一篇：javascript实现的DES加密示例
下一篇：第七篇Bootstrap表单布局实例代码详解(三种表单布局)

资讯排行榜
更多>>