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开发随笔一 preventDefault的必要
Nov 25 Javascript
浅析JavaScript中的隐式类型转换
Dec 05 Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 Javascript
javascript实现校验文件上传控件实例
Apr 20 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
js获取隐藏元素宽高的实现方法
May 19 Javascript
javascript实现的左右无缝滚动效果
Sep 19 Javascript
Vue.js实现文章评论和回复评论功能
May 30 Javascript
详解axios在vue中的简单配置与使用
May 10 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
微信小程序用canvas画图并分享
Mar 09 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 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下通过exec获得计算机的唯一标识[CPU,网卡 MAC地址]
2011/06/09 PHP
PHP获取http请求的头信息实现步骤
2012/12/16 PHP
浅谈php命令行用法
2015/02/04 PHP
使一个函数作为另外一个函数的参数来运行的javascript代码
2007/08/13 Javascript
js 控制下拉菜单刷新的方法
2013/03/03 Javascript
JS操作数据库的实例代码
2013/10/17 Javascript
单击某一段文字改写文本颜色
2014/06/06 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
2014/06/06 Javascript
jquery处理json对象
2014/11/03 Javascript
JavaScript中string转换成number介绍
2014/12/31 Javascript
jquery实现动态操作select选中
2015/02/11 Javascript
JavaScript按值删除数组元素的方法
2015/04/24 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
2017/03/17 Javascript
JavaScript瀑布流布局实现代码
2017/05/06 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
JS实现仿微信支付弹窗功能
2018/06/25 Javascript
Js通过AES加密后PHP用Openssl解密的方法
2019/07/12 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
2020/02/11 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
Python自定义函数的创建、调用和函数的参数详解
2014/03/11 Python
Python操作MySQL简单实现方法
2015/01/26 Python
图文详解WinPE下安装Python
2016/05/17 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
python flask框架实现重定向功能示例
2019/07/02 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
小 200 行 Python 代码制作一个换脸程序
2020/05/12 Python
彻底弄明白CSS3的Media Queries(跨平台设计)
2010/07/27 HTML / CSS
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
2013/11/07 HTML / CSS
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
关于青春的演讲稿800字
2014/08/22 职场文书
营业用房租赁协议书
2014/11/26 职场文书
研讨会通知
2015/04/27 职场文书