javascript 事件 注册 注销

<script>
	<!--
	//alert(navigator.appName);
	//行内形式
	function pEvent1(){
		alert("inline");
	}
	
	function registerFun1(){
		alert("RF1");
	}
	function registerFun2(){
		alert("RF2");
	}
	//注册事件
	function addEvent(element,e,fn){
		if(element.addEventListener)
			element.addEventListener(e,fn,false);//false--冒泡,true--捕获
		else
			element.attachEvent("on"+e,fn);
	}
	//注销事件
	function removeEvent(element,e,fn){
		if(element.detachEvent){
			element.detachEvent("on"+e,fn);
		}else{
			element.removeEventListener(e,fn,false);
		}
	}
	window.onload = function(){
		//传统分离
		document.getElementById("tradition").onmouseover = function(){
			alert("tradition");
		}
		//同个元素的同个事件注册多个函数
		var element = document.getElementById("listener");
		addEvent(element,"click",registerFun1);
		addEvent(element,"click",registerFun2);
		removeEvent(element,"click",registerFun1);
	}
	-->
</script>
<p onmouseover="pEvent1();">Inline</p>
<p id="tradition">Tradition</p>
<p id="listener">Listener</p>



你可能感兴趣的:(JavaScript,function)