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 相关文章推荐
js判断浏览器类型的方法
Aug 07 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
全面兼容的javascript时间格式化函数(比较实用)
May 14 Javascript
jquery中push()的用法(数组添加元素)
Nov 25 Javascript
javascript显式类型转换实例分析
Apr 25 Javascript
基于JavaScript实现类名的添加与移除
Apr 23 Javascript
基于Vue实现后台系统权限控制的示例代码
Aug 29 Javascript
详解angularjs popup-table 弹出框表格指令
Sep 20 Javascript
实现两个文本框同时输入的实例
Sep 25 Javascript
Angular事件之不同组件间传递数据的方法
Nov 15 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
Apr 23 Javascript
基于脚手架创建Vue项目实现步骤详解
Aug 03 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+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
php等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
2010/03/24 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
js实现防止被iframe的方法
2015/07/03 Javascript
javascript实现动态导入js与css等静态资源文件的方法
2015/07/25 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
JS模拟实现方法重载示例
2016/08/03 Javascript
AngularJS中transclude用法详解
2016/11/03 Javascript
Jquery树插件zTree实现菜单树
2017/01/24 Javascript
Vue2 使用 Echarts 创建图表实例代码
2017/05/18 Javascript
three.js中文文档学习之创建场景
2017/11/20 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
layui自定义工具栏的方法
2019/09/19 Javascript
基于Vue中的父子传值问题解决
2020/07/27 Javascript
[02:53]DOTA2英雄基础教程 山岭巨人小小
2013/12/09 DOTA
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
Python实现快速多线程ping的方法
2015/07/15 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
python下PyGame的下载与安装过程及遇到问题
2019/08/04 Python
python实现高斯投影正反算方式
2020/01/17 Python
Django实现随机图形验证码的示例
2020/10/15 Python
使用Python实现音频双通道分离
2020/12/25 Python
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
客服工作职责
2013/12/11 职场文书
庆元旦活动总结
2014/07/09 职场文书
护士工作失误检讨书
2014/09/14 职场文书
银行授权委托书范本
2014/10/04 职场文书
2015年小学中秋节活动总结
2015/03/23 职场文书
公司放假通知怎么写
2015/04/15 职场文书
班主任寄语2016
2015/12/04 职场文书
辞职报告(范文三篇)
2019/08/27 职场文书
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
2021/03/31 Servers
浏览器常用基本操作之python3+selenium4自动化测试(基础篇3)
2021/05/21 Python
Spring Boot 底层原理基础深度解析
2022/04/03 Java/Android