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 相关文章推荐
让你的博客飘雪花超出屏幕依然看得见
Jan 04 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
Mar 16 Javascript
JavaScript使用键盘输入控制实现数字验证功能
Aug 19 Javascript
微信小程序 保留小数(toFixed)详细介绍
Nov 16 Javascript
javascript实现秒表计时器的制作方法
Feb 16 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
使用post方法实现json往返传输数据的方法
Mar 30 Javascript
通过图带你深入了解vue的响应式原理
Jun 21 Javascript
layer页面跳转,获取html子节点元素的值方法
Sep 27 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 Javascript
prettier自动格式化去换行的实现代码
Aug 25 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
2007/01/15 PHP
PHP删除目录及目录下所有文件的方法详解
2013/06/06 PHP
php使用codebase生成随机数
2014/03/25 PHP
PHP实现视频文件上传完整实例
2014/08/28 PHP
php生成rss类用法实例
2015/04/14 PHP
laravel5.2实现区分前后台用户登录的方法
2017/01/11 PHP
php 浮点数比较方法详解
2017/05/05 PHP
使用jQuery避免鼠标双击的解决方案
2013/08/21 Javascript
将两个div左右并列显示并实现点击标题切换内容
2013/10/22 Javascript
asp.net刷新本页面的六种方法总结
2014/01/07 Javascript
js隐式全局变量造成的bug示例代码
2014/04/22 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
2016/07/06 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
2016/11/07 Javascript
jquery结合html实现中英文页面切换
2016/11/29 Javascript
关于ES6的六个小特性(二)
2017/02/20 Javascript
Angular4实现动态添加删除表单输入框功能
2017/08/11 Javascript
Angular使用Md5加密的解决方法
2017/09/16 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
2018/02/07 Javascript
vue结合Echarts实现点击高亮效果的示例
2018/03/17 Javascript
详解webpack4升级指南以及从webpack3.x迁移
2018/06/12 Javascript
微信小程序实现留言板功能
2018/11/02 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
Ajax请求时无法重定向的问题解决代码详解
2019/06/21 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
2020/01/07 Javascript
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
Python+selenium 获取一组元素属性值的实例
2018/06/22 Python
python梯度下降法的简单示例
2018/08/31 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
Python 日期时间datetime 加一天,减一天,加减一小时一分钟,加减一年
2020/04/16 Python
Python图像阈值化处理及算法比对实例解析
2020/06/19 Python
python 如何调用 dubbo 接口
2020/09/24 Python
工作失误检讨书
2015/01/26 职场文书
医生个人年度总结
2015/02/28 职场文书
暖春观后感
2015/06/08 职场文书
公司业务员管理制度
2015/08/05 职场文书
海贼王十大逆天果实 魂魂果实上榜,岩浆果实攻击力最强
2022/03/18 日漫