JS阻止事件冒泡行为和闭包的方法
更新时间：2016年06月16日 17:19:49 作者：小码农雯
这篇文章主要介绍了JS阻止事件冒泡行为和闭包的方法的相关资料,需要的朋友可以参考下
阻止事件冒泡行为，要是不阻止的话，点击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阻止事件冒泡行为和闭包的方法的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
JavaScript 中处理 null和 undefined的常见方法
文章介绍了可选链操作符（?.）和空值合并操作符（??）的使用方法,并对比了它们与逻辑非运算符（!）的区别,还讨论了使用宽松比较运算符（==）和自定义函数来优化判断的几种方法,以提高代码的可读性和性能,感兴趣的朋友跟随小编一起看看吧2025-01-01
微信公众号授权登录的使用最为常见,当然只是一些会只有登录,所以选择点击授权登,下面这篇文章主要给大家介绍了微信公众号授权登录的超详细步骤,需要的朋友可以参考下2022-12-12
这篇文章主要向大家推荐一个原生js实现淘宝购物车功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
下面小编就为大家带来一篇原生js获取元素样式的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章介绍了Javascript中的循环优化，有需要的朋友可以参考一下2013-11-11
Javascript前端UI框架Kit使用指南之Kitjs简介
本文给大家简单介绍了一款优秀的Javascript前端UI框架--Kitjs，支持PC端以及手机开发领域，非常的全面，这里推荐给有需要的小伙伴。2014-11-11
手势解锁是生活中常用的解锁方式，本文将通过微信小程序实现手势解锁这一功能，本实例以工具的形式可以嵌入到不同的项目之中，感兴趣的可以了解一下2022-04-04
今天小编就为大家分享一篇解决Layui当中的导航条动态添加后渲染失败的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
本文主要介绍了JS调用Android、Ios通信的相同点和不同点，以便帮助我们在进行混合式开发时，提高代码质量，实现两者在网页端代码的统一。下面跟着小编一起来看下吧2017-01-01
这篇文章主要为大家详细介绍了Javascript的原型和原型链，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
最新评论