铸铁检验平板:javascript事件委托

来源：百度文库 编辑：九乡新闻网 时间：2024/07/07 15:26:50
Html代码  
  1.   
  2.     dododo
    3.   
  3.     dododo
    4.   
  4.     dododo
    5.   
  5.   

 如果想对多个li对象进行事件侦听，这时候用事件委托是不二的选择了。事件委托就是利用了事件冒泡，对document中某一个元素进行侦听，其实也就是侦听了其下的所有子元素。

javascript代码如下：

Js代码  
  1. var EventUtil = {  
  2.     addEvent: function(node, type, listener) {  
  3.         if (node.addEventListener) {  
  4.             node.addEventListener(type, listener, false); //firefox  
  5.         } else {  
  6.             node.attachEvent("on"+type, listener); //ie  
  7.         }},  
  8.     getTarget: function(event){  
  9.         return event.target || event.srcElement;  
  10.         /** 
  11.         在ie下是用event.srcElement，firefox下用event.target 
  12.         */  
  13.     }     
  14. }  
  15.   
  16. var node = document.getElementById("ul");  
  17.       
  18. EventUtil.addEvent(node,"click",function(event){  
  19.     alert(EventUtil.getTarget(event).id);  
  20. });  

 当鼠标单击li元素时，会弹出显示当前li id的警告框，以上代码在ie8, firefox5测试通过

javascript事件委托 JavaScript中的事件委托1 javascript键盘事件总结 有了委托为什么还要事件 JavaScript模拟用户单击事件 一步一步学习C#(五 委托与事件) 事件的委托处理，为每个格子绑定click事件 为服务器控件添加javascript客户端事件 - 网页制作参考 从JavaScript的事件处理过程看项目管理 C#多线程-不同线程之间通过事件委托封送调用方法 C#委托和事件例析 - 山林客的日志 - 网易博客 传统的JavaScript事件处理函数[2] - CSAI.cn程序开发 用 javascript 获取当页面上鼠标（光标）位置 - event, window, 事件, position, 位置, mouse, 光标, 鼠标, JavaScript教程 javascript表单 JavaScript - Wikipedia Javascript Test JavaScript editing 高效 JavaScript Javascript Document JavaScript老家 Javascript基础知识 委托贷款合同范本-委托理财合同 技术开发（委托）合同