事件冒泡有关
来源:互联网 发布:淘宝宝贝拍照和制作 编辑:程序博客网 时间:2024/05/16 09:00
阻止事件冒泡:
<div onclick="showMsg(this,event)" id="outSide" style="width:100px; height:100px; background:#000; padding:50px">
<div onclick="showMsg(this,event)" id="inSide" style="width:100px; height:100px; background:#CCC"></div>
</div>
<script type="text/javascript">
//阻止事件冒泡后,你点击灰色盒子,整个过程只弹一次对话框了(注意与默认情况对比)
function showMsg(obj,e)
{
alert(obj.id);
stopBubble(e)
}
//阻止事件冒泡函数
function stopBubble(e)
{
if (e && e.stopPropagation)
e.stopPropagation()
else
window.event.cancelBubble=true
}
</script>
e.stopPropagation 是判断e是否有stopPropagation 这个属性,有就执行e.stopPropagation()
否则执行 window.event.cancelBubble=true
作者:WebFlash
出处:http://webflash.cnblogs.com
0 0
- 事件冒泡有关
- 事件冒泡
- 事件 冒泡
- 冒泡事件
- 冒泡事件
- 事件冒泡
- 冒泡事件
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡:
- 事件冒泡
- 事件冒泡
- 冒泡事件
- Android之SurfaceView学习(一)
- 国内手机号码归属地查询WEB服务
- HTML5表单
- 【Android】安卓学习笔记之隐藏标题栏
- swust oj one+two=3(0287)——单词和数字的转化
- 事件冒泡有关
- tkinter示例: 编辑保存
- bootstrap日历控件
- ACM解题总结——HihoCoder1033
- 放肆地使用UIBezierPath和CAShapeLayer画各种图形
- c语言入门之项目1.0——正差值
- java 多线程操作
- android学习攻略
- POJ 1064 (二分)