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 相关文章推荐
经典的带阴影的可拖动的浮动层
Jun 26 Javascript
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
Sep 27 Javascript
理解Javascript_01_理解内存分配原理分析
Oct 11 Javascript
js 动态为textbox添加下拉框数据源的方法
Apr 24 Javascript
javascript事件模型介绍
May 31 Javascript
jQuery事件绑定用法详解
Sep 08 Javascript
微信小程序 animation API详解及实例代码
Oct 08 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
Dec 05 Javascript
浅谈Vue render函数在ElementUi中的应用
Sep 06 Javascript
node.js微信小程序配置消息推送的实现
Feb 13 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
Nov 26 Javascript
vue中使用vue-print.js实现多页打印
Mar 05 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
discuz的php防止sql注入函数
2011/01/17 PHP
PHP中error_reporting()用法详解
2015/08/31 PHP
教你识别简单的免查杀PHP后门
2015/09/13 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
Yii实现单用户博客系统文章详情页插入评论表单的方法
2015/12/28 PHP
PHP中include和require的区别实例分析
2017/05/07 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
使用composer 安装 laravel框架的方法图文详解
2019/08/02 PHP
PHP 对象继承原理与简单用法示例
2020/04/21 PHP
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
javascript 学习笔记(六)浏览器类型及版本信息检测代码
2011/04/08 Javascript
dwz 如何去掉ajaxloading具体代码
2013/05/22 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
基于JQuery实现的Select级联
2014/01/27 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
JavaScript生成带有缩进的表格代码
2016/06/15 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
简单理解vue中实例属性vm.$els
2016/12/01 Javascript
详解使用JS如何制作简单的ASCII图与单极图
2017/03/31 Javascript
JS中使用正则表达式g模式和非g模式的区别
2017/04/01 Javascript
Google 爬虫如何抓取 JavaScript 的内容
2017/04/07 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
vue router+vuex实现首页登录验证判断逻辑
2018/05/17 Javascript
Angular6 写一个简单的Select组件示例
2018/08/20 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
[13:21]DOTA2国际邀请赛采访专栏:RSnake战队国士无双,Fnatic.Fly
2013/08/06 DOTA
Python模块WSGI使用详解
2018/02/02 Python
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
pygame游戏之旅 载入小车图片、更新窗口
2018/11/20 Python
用python求一个数组的和与平均值的实现方法
2019/06/29 Python
django之自定义软删除Model的方法
2019/08/14 Python
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
教育基金募捐倡议书
2014/05/14 职场文书
Nginx进程调度问题详解
2021/09/25 Servers
零基础学java之方法的定义与调用详解
2022/04/10 Java/Android