欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-01-20 14:14:54|栏目:JavaScript代码|点击:

阻止事件冒泡行为,要是不阻止的话,点击div的时候也会同时触发body事件

html代码

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

css代码

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

js代码

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 导出table内容到Excel的简单实例

栏    目:JavaScript代码

下一篇:javascript中window.open在原来的窗口中打开新的窗口(不同名)

本文标题:JS阻止事件冒泡行为和闭包的方法

本文地址:http://www.codeinn.net/misctech/47897.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有