- <ul id="ul">
- <li id="li1">dododo</li>
- <li id="li2">dododo</li>
- <li id="li3">dododo</li>
- </ul>
如果想對多個li對象進行事件偵聽，這時候用事件委托是不二的選擇了。事件委托就是利用了事件冒泡，對document中某一個元素進行偵聽，其實也就是偵聽了其下的所有子元素。
javascript代碼如下：
- var EventUtil = {
- addEvent: function(node, type, listener) {
- if (node.addEventListener) {
- node.addEventListener(type, listener, false);
- } else {
- node.attachEvent("on"+type, listener);
- }},
- getTarget: function(event){
- return event.target || event.srcElement;
-
-
-
- }
- }
-
- var node = document.getElementById("ul");
-
- EventUtil.addEvent(node,"click",function(event){
- alert(EventUtil.getTarget(event).id);
- });
當鼠標單擊li元素時，會彈出顯示當前l(fā)i id的警告框，以上代碼在ie8, firefox5測試通過
