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 相关文章推荐
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 Javascript
基于jquery自定义图片热区效果
Jul 21 Javascript
js 显示base64编码的二进制流网页图片
Apr 04 Javascript
使用JQuery库提供的扩展功能实现自定义方法
Sep 09 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
Jan 14 Javascript
React.js绑定this的5种方法(小结)
Jun 05 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
你可能不知道的CORS跨域资源共享
Mar 13 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 Javascript
弱类型语言javascript中 a,b 的运算实例小结
Aug 07 Javascript
小程序实现层叠卡片滑动效果
Aug 26 Javascript
小程序表单认证布局及验证详解
Jun 19 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
Laravel 中获取上一篇和下一篇数据
2015/07/27 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
checkbox 多选框 联动实现代码
2008/10/22 Javascript
javascript 循环读取JSON数据的代码
2010/07/17 Javascript
jquery创建并行对象或者合并对象的实现代码
2012/10/10 Javascript
关于jQuery判断元素是否存在的问题示例探讨
2014/07/21 Javascript
jQuery消息提示框插件Tipso
2015/05/04 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
浅谈js中function的参数默认值
2017/02/20 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
js实现点击按钮复制文本功能
2020/07/20 Javascript
使用Vue动态生成form表单的实例代码
2018/04/26 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
小程序简单两栏瀑布流效果的实现
2019/12/18 Javascript
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
Python如何快速实现分布式任务
2017/07/06 Python
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
使用python脚本实现查询火车票工具
2018/07/19 Python
Python使用requests提交HTTP表单的方法
2018/12/26 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
python+pyqt5实现24点小游戏
2019/01/24 Python
Python3之不使用第三方变量,实现交换两个变量的值
2019/06/26 Python
利用python在excel中画图的实现方法
2020/03/17 Python
毕业生的自我鉴定
2013/10/29 职场文书
师范学院毕业生求职信范文
2013/12/26 职场文书
大龄毕业生求职别忘职业规划
2014/03/11 职场文书
婚假请假条怎么写
2014/04/10 职场文书
计划生育标语
2014/06/23 职场文书
煤矿开采专业求职信
2014/07/08 职场文书
村安全生产责任书
2014/08/25 职场文书
详细总结Python常见的安全问题
2021/05/21 Python
刚学完怎么用Python实现定时任务,转头就跑去撩妹!
2021/06/05 Python
Redis读写分离搭建的完整步骤
2021/09/14 Redis