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 Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
Mar 16 Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
Jun 14 Javascript
用js写了一个类似php的print_r输出换行功能
Feb 18 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
Apr 06 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
Aug 01 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
js中async函数结合promise的小案例浅析
Apr 14 Javascript
微信小程序实现张图片合成为一张并下载
Jul 16 Javascript
Vue项目环境搭建详细总结
Sep 26 Javascript
JS实现简单随机3D骰子
Oct 24 Javascript
Vue实现简单计算器案例
Feb 25 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
Apr 15 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
第十四节 命名空间 [14]
2006/10/09 PHP
php通过baihui网API实现读取word文档并展示
2015/06/22 PHP
仅img元素创建后不添加到文档中会执行onload事件的解决方法
2011/07/31 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
HTML,CSS,JavaScript速查表推荐
2014/12/02 Javascript
jquery实现二级导航下拉菜单效果
2015/12/18 Javascript
浅析JS运动
2015/12/28 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
2016/10/14 Javascript
原生javascript实现的ajax异步封装功能示例
2016/11/03 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
基于LayUI实现前端分页功能的方法
2017/07/22 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
Vue+Element-UI实现上传图片并压缩
2019/11/26 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
浅谈Vue static 静态资源路径 和 style问题
2020/11/07 Javascript
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
Python3.6基于正则实现的计算器示例【无优化简单注释版】
2018/06/14 Python
详解python3中的真值测试
2018/08/13 Python
python获取指定日期范围内的每一天,每个月,每季度的方法
2019/08/08 Python
python检测服务器端口代码实例
2019/08/31 Python
Python 复平面绘图实例
2019/11/21 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
pycharm运行程序时看不到任何结果显示的解决
2020/02/21 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
浅谈tensorflow 中的图片读取和裁剪方式
2020/06/30 Python
django有哪些好处和优点
2020/09/01 Python
详解Html5原生拖拽操作
2018/01/12 HTML / CSS
深入解析HTML5 Canvas控制图形矩阵变换的方法
2016/03/24 HTML / CSS
英国日常交易网站:Wowcher
2018/09/04 全球购物
计算机科学系职业生涯规划书
2014/03/08 职场文书
保密承诺书范文
2014/03/27 职场文书
中学生励志演讲稿
2014/04/26 职场文书
Python基础之数据结构详解
2021/04/28 Python
「海贼王」112.9万粉丝纪念图标公布
2022/03/21 日漫