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
Mar 09 Javascript
比较简单的异步加载JS文件的代码
Jul 18 Javascript
JS多物体 任意值 链式 缓冲运动
Aug 10 Javascript
jQuery图片滚动图片的效果(另类实现)
Jun 02 Javascript
JavaScript遍历table表格中的某行某列并打印其值
Jul 08 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
Jun 12 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
Jan 08 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
vue项目每30秒刷新1次接口的实现方法
Dec 04 Javascript
优化Vue项目编译文件大小的方法步骤
May 27 Javascript
vue router返回到指定的路由的场景分析
Nov 10 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 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的日期与时间函数技巧
2008/04/24 PHP
PHP 最大运行时间 max_execution_time修改方法
2010/03/08 PHP
PHP+jQuery+Ajax实现用户登录与退出
2015/04/27 PHP
php中session_id()函数详细介绍,会话id生成过程及session id长度
2015/09/23 PHP
php中session定期自动清理的方法
2015/11/12 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
JavaScript数据结构与算法之栈详解
2015/03/12 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
2016/07/14 Javascript
AngularJS $injector 依赖注入详解
2016/09/14 Javascript
Javascript动画效果(1)
2016/10/11 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
Vue通过input筛选数据
2020/10/26 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
基于Koa2写个脚手架模拟接口服务的方法
2018/11/27 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
python中MySQLdb模块用法实例
2014/11/10 Python
python自动zip压缩目录的方法
2015/06/28 Python
django实现前后台交互实例
2017/08/07 Python
python实现邮件循环自动发件功能
2020/09/11 Python
详解pandas apply 并行处理的几种方法
2021/02/24 Python
纯CSS3实现Material Design效果
2017/03/09 HTML / CSS
DNA测试:Orig3n
2019/03/01 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
学校大课间活动方案
2014/01/30 职场文书
人民调解员先进事迹材料
2014/05/08 职场文书
2014年大堂经理工作总结
2014/11/21 职场文书
情况说明书格式及范文
2019/06/24 职场文书
给numpy.array增加维度的超简单方法
2021/06/02 Python
实体类或对象序列化时,忽略为空属性的操作
2021/06/30 Java/Android