主页 个人前端笔记 事件冒泡的应用以及阻止
admin
发表于2012-11-11 17:16:54    只看楼主 楼主
头衔:  精益求精
注册时间: 2012-10-07
用户组: 日常管理组
发帖数:  502
金币数:  186
短消息
在一个父层div下有许多子级元素,如果每个元素都有相应的事件,那么写起来会很繁琐,这时事件冒泡就很有用了。

<script type="text/javascript">

   function eventHandle(e)

   {

     var e=e||window.event;

     var obj=e.target||e.srcElement;

     alert(obj.id+´ was click´)

   }

</script>

<div onclick="eventHandle(event)" style="width:100px; height:100px;">

<div id="c1" style="width:90px; height:30px; "></div>

<div id="c2" style="width:90px; height:30px;;"></div>

<div id="c3" style="width:90px; height:30px; "></div>

</div>

javascript代码中可分别判断处理相应事件。。

 

阻止事件冒泡的方法

event.stopPropagation();window.event.cancelBubble = true;

回复人
回复内容

Powered BY YouYaX
个人自主开发论坛,从2010年10月份开发至今!

操作管理