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 相关文章推荐
基于jquery的返回顶部效果(兼容IE6)
Jan 17 Javascript
Javascript排序算法之计数排序的实例
Apr 05 Javascript
一个简单的全屏图片上下打开显示网页效果示例
Jul 08 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
Mar 04 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
CSS3 3D 技术手把手教你玩转
Sep 02 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
vue中锚点的三种方法
Jul 06 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 Javascript
vue使用exif获取图片经纬度的示例代码
Dec 11 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
php计算到指定日期还有多少天的方法
2015/04/14 PHP
toString()一个会自动调用的方法
2010/02/08 Javascript
jQuery的实现原理的模拟代码 -2 数据部分
2010/08/01 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
js调用webservice中的方法实现思路及代码
2013/02/25 Javascript
JS实现时间格式化的方式汇总
2013/10/16 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
2014/10/20 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
2015/08/07 Javascript
jQuery中判断对象是否存在的方法汇总
2016/02/24 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
jQuery模拟select实现下拉菜单功能
2016/06/20 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
浅谈vuex的基本用法和mapaction传值问题
2019/11/08 Javascript
python类装饰器用法实例
2015/06/04 Python
教你用Type Hint提高Python程序开发效率
2016/08/08 Python
python人民币小写转大写辅助工具
2018/06/20 Python
对python:print打印时加u的含义详解
2018/12/15 Python
python如何获取当前文件夹下所有文件名详解
2019/01/25 Python
python+pyqt5实现图片批量缩放工具
2019/03/18 Python
Python上下文管理器全实例详解
2019/11/12 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
解决tensorflow/keras时出现数组维度不匹配问题
2020/06/29 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
教师政风行风评议心得体会
2014/10/21 职场文书
基层干部个人对照检查及整改措施
2014/10/28 职场文书
幼师小班个人总结
2015/02/12 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
电影建国大业观后感
2015/06/01 职场文书
可可西里观后感
2015/06/08 职场文书
幼儿园中班班级总结
2015/08/10 职场文书
《搭石》教学反思
2016/02/18 职场文书
高三物理教学反思
2016/02/20 职场文书
七年级话题作文之执着
2019/11/19 职场文书
Python带你从浅入深探究Tuple(基础篇)
2021/05/15 Python
spring cloud eureka 服务启动失败的原因分析及解决方法
2022/03/17 Java/Android