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


Posted in Javascript onJune 16, 2016

阻止事件冒泡行为,要是不阻止的话,点击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 相关文章推荐
IE浏览器中图片onload事件无效的解决方法
Apr 29 Javascript
js实现特定位取反原理及示例
Jun 30 Javascript
js兼容火狐获取图片宽和高的方法
May 21 Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 Javascript
jQuery中事件与动画的总结分享
May 24 Javascript
js css实现垂直方向自适应的三角提示菜单
Jun 26 Javascript
深入分析node.js的异步API和其局限性
Sep 05 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
Dec 03 Javascript
详解JS异步加载的三种方式
Mar 07 Javascript
highcharts 在angular中的使用示例代码
Sep 20 Javascript
详解微信小程序之一键复制到剪切板
Apr 24 Javascript
vue 插槽简介及使用示例
Nov 19 Vue.js
jquery实现简单Tab切换菜单效果
Jul 17 #Javascript
特殊日期提示功能的实现方法
Jun 16 #Javascript
JS代码实现根据时间变换页面背景效果
Jun 16 #Javascript
基于JS代码实现图片在页面中旋转效果
Jun 16 #Javascript
客户端验证用户名和密码的方法详解
Jun 16 #Javascript
检查表单元素的值是否为空的实例代码
Jun 16 #Javascript
jQuery使用each方法与for语句遍历数组示例
Jun 16 #Javascript
You might like
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
php下防止单引号,双引号在接受页面转义的设置方法
2008/09/25 PHP
laravel 5.3中自定义加密服务的方案详解
2017/05/09 PHP
利用Laravel生成Gravatar头像地址的优雅方法
2017/12/30 PHP
超级简单的图片防盗(HTML),好用
2007/04/08 Javascript
ie支持function.bind()方法实现代码
2012/12/27 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
jquery实现增加删除行的方法
2015/02/03 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
Jquery实现的简单轮播效果【附实例】
2016/04/19 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
jQuery实现自动调用和触发某个事件的方法
2016/11/18 Javascript
jQuery焦点图轮播效果实现方法
2016/12/19 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
vue中的计算属性的使用和vue实例的方法示例
2017/12/04 Javascript
微信小程序缓存支持二次开发封装实现解析
2019/12/16 Javascript
基于vue--key值的特殊用处详解
2020/07/31 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
利用Python查看微信共同好友功能的实现代码
2019/04/24 Python
Python大数据之使用lxml库解析html网页文件示例
2019/11/16 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
W Concept美国:精选全球独立设计师
2017/02/22 全球购物
护理专业自我鉴定
2014/01/30 职场文书
你的创业计划书怎样才能打动风投
2014/02/06 职场文书
自动一体化专业求职信
2014/03/15 职场文书
室内设计专业毕业生求职信
2014/05/02 职场文书
公安机关查摆剖析材料
2014/10/10 职场文书
同意落户证明
2015/06/19 职场文书
高一军训感想
2015/08/07 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
使用Redis做预定库存缓存功能
2022/04/02 Redis