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的一个浮动框(扩展性比较好 )
Aug 27 Javascript
JS多物体 任意值 链式 缓冲运动
Aug 10 Javascript
JavaScript与DOM组合动态创建表格实例
Dec 23 Javascript
js jq 单击和双击区分示例介绍
Nov 05 Javascript
JS求平均值的小例子
Nov 29 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 Javascript
jQuery窗口拖动功能的实现代码
Feb 04 Javascript
详解Vue.js Mixins 混入使用
Sep 15 Javascript
JS原生带缩略图的图片切换效果
Oct 10 Javascript
微信小程序仿今日头条导航栏滚动解析
Aug 20 Javascript
AJAX实现指定部分页面刷新效果
Oct 16 Javascript
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 curl抓取网页的介绍和推广及使用CURL抓取淘宝页面集成方法
2015/11/30 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
php中file_get_contents()函数用法实例
2019/02/21 PHP
详解使用php-cs-fixer格式化代码
2020/09/16 PHP
使用JavaScript动态设置样式实现代码(2)
2013/01/25 Javascript
js模拟点击以提交表单为例兼容主流浏览器
2013/11/29 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
基于javascript实现的搜索时自动提示功能
2014/12/26 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
2015/03/03 Javascript
javascript中使用new与不使用实例化对象的区别
2015/06/22 Javascript
jquery判断input值不为空的方法
2016/06/05 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
给easyui的datebox控件添加清空按钮的实现方法
2016/11/09 Javascript
jQuery实现动态文字搜索功能
2017/01/05 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
vue中appear的用法
2017/08/17 Javascript
javaScript和jQuery自动加载简单代码实现方法
2017/11/24 jQuery
js取小数点后两位四种方法
2019/01/18 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
详解Python中的各种函数的使用
2015/05/24 Python
详解Python中的相对导入和绝对导入
2017/01/06 Python
Python中应该使用%还是format来格式化字符串
2018/09/25 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
澳大利亚百货公司:David Jones
2018/02/08 全球购物
美国伴娘礼服商店:Evening Collective
2019/10/07 全球购物
师范应届生语文教师求职信
2013/10/29 职场文书
中学生个人自我评价
2014/02/06 职场文书
网络信息安全承诺书
2014/03/26 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
结婚老公保证书
2015/02/26 职场文书
亮剑观后感500字
2015/06/05 职场文书
房产遗嘱范本
2015/08/06 职场文书
2016年“12.3”国际残疾人日活动总结
2016/04/01 职场文书
MySQL update set 和 and的区别
2021/05/08 MySQL
Zabbix对Kafka topic积压数据监控的问题(bug优化)
2022/07/07 Servers