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的动态表格插件
Mar 28 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
Apr 02 Javascript
Redis基本知识、安装、部署、配置笔记
Mar 05 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
Oct 15 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
May 16 Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
javascript完美实现给定日期返回上月日期的方法
Jun 15 Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
JavaScript设计模式之调停者模式实例详解
Feb 03 Javascript
vue首次赋值不触发watch的解决方法
Sep 11 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
Jan 08 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
在apache下限制每个虚拟主机的并发数!!!!
2006/10/09 PHP
PHP利用REFERER根居访问来地址进行页面跳转
2013/09/28 PHP
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
微信红包随机生成算法php版
2016/07/21 PHP
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
2010/03/09 Javascript
js或者jquery判断图片是否加载完成实现代码
2013/03/20 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
jQuery遍历DOM元素与节点方法详解
2016/04/14 Javascript
微信小程序 ecshop地址三级联动实现实例代码
2017/02/28 Javascript
JavaScript屏蔽Backspace键的实现代码
2017/11/02 Javascript
vue中本地静态图片路径写法
2018/03/06 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
为什么使用koa2搭建微信第三方公众平台的原因
2018/05/16 Javascript
微信小程序实现自定义加载图标功能
2018/07/19 Javascript
Vue.js特性Scoped Slots的浅析
2019/02/20 Javascript
layer父页获取弹出层输入框里面的值方法
2019/09/02 Javascript
[02:41]《西雅图我们来了》2015国际邀请赛出征全记录
2015/07/23 DOTA
[54:27]TNC vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[34:47]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第一场 11.18
2020/11/18 DOTA
利用Python中unittest实现简单的单元测试实例详解
2017/01/09 Python
浅谈numpy中linspace的用法 (等差数列创建函数)
2017/06/07 Python
Python 实现12306登录功能实例代码
2018/02/09 Python
和孩子一起学习python之变量命名规则
2018/05/27 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
Python 编程速成(推荐)
2019/04/15 Python
python将时分秒转换成秒的实例
2019/12/07 Python
基于python实现FTP文件上传与下载操作(ftp&amp;sftp协议)
2020/04/01 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
适合各种场合的美食礼品:Harry & David
2016/08/03 全球购物
Ruby如何实现动态方法调用
2012/11/18 面试题
传播学毕业生求职信
2013/10/11 职场文书
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js