<!DOCTYPE HTML ><HTML>?<HEAD>? <TITLE> New Document </TITLE>?? <META charset="utf-8">? <META NAME="Keywords" CONTENT="">? <META NAME="Description" CONTENT="">?</HEAD>?<BODY id="body">? ? ? <input type="button" value="按鈕" id="btn"> ?<!--HTML處理事件-->? ? ? <input type="button" value="按鈕2" id="btn2" onclick="mes()"> ?<input type="button" value="按鈕3" id="btn3" onclick="alert('hello')"> ?<script> ? ? ? var btn=document.getElementById('btn'); ? var body=document.getElementById('body'); ? var message=function(e){ ? ? ? alert(e.target.nodeName); ? e.stopPropagation(); ? } ? function bodyF(){ ? ? ? alert("這是body產(chǎn)生的"); ? } ? function mes(){ ? ? ? alert("hello word!"); ? } ? //添加句柄? ? ? ? ? ?var eventUtil={//封裝一個對象 ? ? ? addHandle:function(element,type,haddle){ ? ? ? if(element.addEventListener){ ? ? ? addEventListener(type,haddle,false);//dom2級處理事件 ? }else if(element.attachEvent){ ? ? ? attachEvent('on'+type,haddle);//IE瀏覽器處理事件? ? }else{ ? ? ? element['on'+type];//dom0級處理事件 ? } ? }, ?? ? //刪除句柄 ?? ? ? ? removeHandle:function(element,type,haddle){ ? ? ? if(element.removeEventListener){ ? ? ? removeEventListener(type,haddle,false); ? }else if(element.detachEvent){ ? ? ? detachEvent('on'+type,haddle);? ? }else{ ? ? ? element['on'+type]=null; ? } ? } } eventUtil.addHandle(btn,'click',message); eventUtil.addHandle(body,'click',bodyF); //eventUtil.removeHandle(btn,'click',message); ?</script>?</BODY></HTML>
為什么這個e.stopPropagation()方法失效？沒有成功阻止冒泡事件。
qq_果汁分ni半_03462240
2017-03-18 22:30:43
