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 相关文章推荐
幻宇的层模拟窗口效果-提供演示和下载
Jan 20 Javascript
javascript学习随笔(使用window和frame)的技巧
Mar 08 Javascript
判断脚本加载是否完成的方法
May 26 Javascript
JavaScript 创建对象
Jul 17 Javascript
js 三级关联菜单效果实例
Aug 13 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
May 15 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
Jul 22 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
Oct 16 Javascript
Vue开发过程中遇到的疑惑知识点总结
Jan 20 Javascript
Vue2 SSR渲染根据不同页面修改 meta
Nov 20 Javascript
Vue表单及表单绑定方法
Sep 04 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 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/03/24 PHP
PHP中常用数组处理方法实例分析
2008/08/30 PHP
php支持中文字符串分割的函数
2015/05/28 PHP
php简单计算页面加载时间的方法
2015/06/19 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
JS文本框不能输入空格验证方法
2013/03/19 Javascript
Google官方支持的NodeJS访问API,提供后台登录授权
2014/07/29 NodeJs
AngularJS语法详解(续)
2015/01/23 Javascript
Javascript数据结构与算法之列表详解
2015/03/12 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
Node.js中防止错误导致的进程阻塞的方法
2016/08/11 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
centos 上快速搭建ghost博客方法分享
2018/05/23 Javascript
vue3.0 搭建项目总结(详细步骤)
2019/05/20 Javascript
你准备好迎接vue3.0了吗
2020/04/28 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
[46:55]Ti4 冒泡赛第二轮 LGD vs C9
2014/07/14 DOTA
[51:44]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第二场
2018/04/04 DOTA
python数据结构之二叉树的遍历实例
2014/04/29 Python
Python实现截屏的函数
2015/07/25 Python
Django实现组合搜索的方法示例
2018/01/23 Python
基于Django框架利用Ajax实现点赞功能实例代码
2018/08/19 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
Autopep8的使用(python自动编排工具)
2021/03/02 Python
德国在线订购鲜花:Fleurop
2018/08/25 全球购物
7 For All Mankind官网:美国加州洛杉矶的高级牛仔服装品牌
2018/12/20 全球购物
英国曼彻斯特宠物用品品牌:Bunty Pet Products
2019/07/27 全球购物
初婚初育证明范本
2014/11/24 职场文书
公务员政审个人总结
2015/02/12 职场文书
大学生逃课检讨书
2015/05/04 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
利用 Python 的 Pandas和 NumPy 库来清理数据
2022/04/13 Python