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 相关文章推荐
帮助避免错误的Javascript陷阱清单
May 31 Javascript
Javascript JSQL,SQL无处不在,
May 05 Javascript
js调用后台servlet方法实例
Jun 09 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
Jan 07 Javascript
JavaScript AJAX之惰性载入函数
Aug 27 Javascript
尝试动手制作javascript放大镜效果
Dec 25 Javascript
Angular 理解module和injector,即依赖注入
Sep 07 Javascript
js仿小米官网图片轮播特效
Sep 29 Javascript
javascript深拷贝和浅拷贝详解
Feb 14 Javascript
JS中正则表达式要注意lastIndex属性
Aug 08 Javascript
详谈innerHTML innerText的使用和区别
Aug 18 Javascript
从parcel.js打包出错到选择nvm的全部过程
Jan 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
zend framework多模块多布局配置
2011/02/26 PHP
php 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
PHP 获取文件权限函数介绍
2013/07/11 PHP
PHP7 其他语言层面的修改
2021/03/09 PHP
禁止F5等快捷键的JS代码
2007/03/06 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
js实现点击链接后延迟3秒再跳转的方法
2015/06/05 Javascript
JavaScript中join()方法的使用简介
2015/06/09 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
微信小程序中单位rpx和rem的使用
2016/12/06 Javascript
解决VUEX刷新的时候出现数据消失
2017/07/03 Javascript
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
vue如何将v-for中的表格导出来
2018/05/07 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
在Python中使用异步Socket编程性能测试
2014/06/25 Python
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
Python缩进和冒号详解
2016/06/01 Python
Python基于whois模块简单识别网站域名及所有者的方法
2018/04/23 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
python代码 FTP备份交换机配置脚本实例解析
2019/08/01 Python
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
解决Jupyter无法导入已安装的 module问题
2020/04/17 Python
python实现逻辑回归的示例
2020/10/09 Python
python调用jenkinsAPI构建jenkins,并传递参数的示例
2020/12/09 Python
世界上最大的网络主机公司:1&1
2016/10/12 全球购物
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
教师的实习自我鉴定
2013/12/17 职场文书
师德个人剖析材料
2014/02/02 职场文书
《乞巧》教学反思
2014/02/27 职场文书
房产授权委托书范本
2014/09/22 职场文书
创业计划书之少年玩具店
2019/09/05 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
python和anaconda的区别
2022/05/06 Python