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 相关文章推荐
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
Aug 13 Javascript
extjs render 用法介绍
Sep 11 Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 Javascript
jQuery层动画定位滑动效果的方法
Apr 30 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
Jun 08 Javascript
jQuery解决$符号命名冲突
Jun 18 Javascript
Javascript中常见的逻辑题和解决方法
Sep 17 Javascript
微信小程序 icon组件详细及实例代码
Oct 25 Javascript
简单谈谈ES6的六个小特性
Nov 18 Javascript
详解如何修改 node_modules 里的文件
May 22 Javascript
js 动态校验开始结束时间的实现代码
May 25 Javascript
JavaScript实现网页留言板功能
Nov 23 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
2009/06/29 PHP
php程序员应具有的7种能力小结
2014/11/27 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
PHP获取路径和目录的方法总结【必看篇】
2017/03/04 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
2014/03/12 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
JQuery实现动态添加删除评论的方法
2015/05/18 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
2015/11/02 Javascript
使用jquery提交form表单并自定义action的方法
2016/05/25 Javascript
微信小程序 条件渲染详解
2016/10/09 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
Angular2 之 路由与导航详细介绍
2017/05/26 Javascript
jQuery remove()过滤被删除的元素(推荐)
2017/07/18 jQuery
浅谈js中的this问题
2017/08/31 Javascript
react+redux的升级版todoList的实现
2017/12/18 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
2019/08/11 Javascript
24个解决实际问题的ES6代码片段(小结)
2020/02/02 Javascript
python写的一个文本编辑器
2014/01/23 Python
python3.3实现乘法表示例
2014/02/07 Python
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
浅谈Python中函数的参数传递
2016/06/21 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
对numpy中的transpose和swapaxes函数详解
2018/08/02 Python
浅谈Tensorflow 动态双向RNN的输出问题
2020/01/20 Python
美国网上订购鲜花:FTD
2016/09/23 全球购物
C语言笔试题回忆
2015/04/02 面试题
找工作最新求职信
2013/12/22 职场文书
公司道歉信范文
2014/01/09 职场文书
社区国庆节活动方案
2014/02/05 职场文书
给校长的建议书100字
2014/05/16 职场文书
转正申请报告格式
2015/05/15 职场文书