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 相关文章推荐
js使用递归解析xml
Dec 12 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
jQuery基础知识点总结(DOM操作)
Jun 01 Javascript
快速掌握jQuery插件WebUploader文件上传
Nov 07 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
Mar 09 Javascript
angularJS深拷贝详解
Mar 23 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
Vue服务器渲染Nuxt学习笔记
Jan 31 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
Jun 28 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
Jul 27 Javascript
基于JS判断对象是否是数组
Jan 10 Javascript
vue响应式原理与双向数据的深入解析
Jun 04 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执行速度全攻略(下)
2006/10/09 PHP
PHP中数据类型转换的三种方式
2015/04/02 PHP
PHP用函数嵌入网站访问量计数器
2017/10/27 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
基于jQuery实现下拉收缩(展开与折叠)特效
2012/12/25 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
JavaScript实现通过select标签跳转网页的方法
2016/09/29 Javascript
Node.js与MySQL交互操作及其注意事项
2016/10/05 Javascript
jQuery中get方法用法分析
2016/12/07 Javascript
原生JS中slice()方法和splice()区别
2017/03/06 Javascript
Angular.js中下拉框实现渲染html的方法
2017/06/18 Javascript
mongoose更新对象的两种方法示例比较
2017/12/19 Javascript
p5.js入门教程和基本形状绘制
2018/03/15 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
详解JS浏览器事件循环机制
2019/03/27 Javascript
JS中使用react-tooltip插件实现鼠标悬浮显示框
2019/05/15 Javascript
微信小程序swiper实现文字纵向轮播提示效果
2020/01/21 Javascript
python使用wxpython开发简单记事本的方法
2015/05/20 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
python根据unicode判断语言类型实例代码
2018/01/17 Python
python清除字符串中间空格的实例讲解
2018/05/11 Python
Python不使用int()函数把字符串转换为数字的方法
2018/07/09 Python
Python import与from import使用及区别介绍
2018/09/06 Python
Python中反射和描述器总结
2018/09/23 Python
Python使用进程Process模块管理资源
2020/03/05 Python
python实现图片转字符画
2021/02/19 Python
什么是Smart Navigation?
2016/07/03 面试题
五一家具促销方案
2014/01/10 职场文书
毕业自我评价
2014/02/05 职场文书
民政局个人整改措施
2014/09/24 职场文书
先进党支部申报材料
2014/12/24 职场文书
廉政承诺书范文
2015/04/28 职场文书
2016年幼儿园教师政治学习心得体会
2016/01/23 职场文书