首頁(yè) 猿問關(guān)于dom跨瀏覽器問題

關(guān)于dom跨瀏覽器問題

JavaScript

慕粉13727861792 2018-01-14 19:25:09

event.js// JavaScript Documentvar eventUntil={//添加句柄addHandler:function(element,type,handler){if(element.addEventListener){element.addEventListener(type,handle,false);}else if(element.attachEvent){element.attachEvent('on'+type,handler);}else{element['on'+type]=handler;}},//element.onclick===element[onclick]//刪除句柄deleHandler:function(elememt,type,handler){if(element.removeEventListener){element.removeEventListener(type,handle,false);}else if(element.detachEvent){element.detachEvent('on'+type,handler);}else{element['on'+type]=handler;}},//獲取事件getEvent:function(event){ return event?event:window.event;//解決IE8以下瀏覽器兼容問題 }, //獲取事件元素 getElement:function(event){ return event.target||event.srcElement; }, //阻止事件的默認(rèn)操作 preventDefault:function(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; } }, //阻止事件冒泡 stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } }}eventUntil.addhandler(btn,'click',show);eventUntil.deleHandler(btn,'click',null);script.jswindow.onload=function(){ var go=document.getElementById('go'), box=document.getElementById('box'); eventUntil.addHandler(go,'click',function(){ alert('box');}); eventUntil.addHandler(go,'click',function(e){ e=eventUntil.getEvent(e); alert(eventUnitil.getElement(e).nodeName); }) }HTML<html>?<head>? ?<title>事件流</title>? ?<meta charset="utf-8">? ?<script src="event.js"></script>? ?<script src="script.js"></script>? ?<body>? ? ? <div id="box">? ? ? ? ?<input type="button" value="按鈕" id="btn" onClick="showMes()">? ? ? ? ?<input type="button" value="按鈕2" id="btn2">? ? ? ? ?<input type="button" value="按鈕3" id="btn3">? ? ? ? ?<a href="event.html" id="go">跳轉(zhuǎn)</a>? ? ? ??? ? ? </div>? ?</body>?</head>為什么在js文件中的對(duì)HTML的操作都顯示不出來

查看完整描述

1 回答

已采納

QQ_隨意

TA貢獻(xiàn)51條經(jīng)驗(yàn) 獲得超28個(gè)贊

	addHandler:function(element,type,handler){
		if(element.addEventListener){
			element.addEventListener(type,handler,false);
		}else?if(element.attachEvent){
			element.attachEvent('on'+type,handler);
		}else{
			element['on'+type]=handler;}},//element.onclick===element[onclick]
	//刪除句柄
	deleHandler:function(elememt,type,handler){
		if(element.removeEventListener){
			element.removeEventListener(type,handle,false);
		}else?if(element.detachEvent){
			element.detachEvent('on'+type,handler);
		}else{
			element['on'+type]=handler;
		}},

element.removeEventListener(type,handle,false);

參數(shù)寫錯(cuò)了

element.removeEventListener(type,handler,false);

1 反對(duì) 回復(fù) 2018-01-17