文章摘自 ?http://www.jb51.net/article/26552.htm

?

1. 第一種添加事件的方式，直接在html的屬性中寫JS代碼?

?

      <div onclick="alert(4);">Div1 Element</div> 
<div onclick="alert(arguments.callee);">Div1 Element</div> 

    

?

?

2. 第二種添加事件的方式，定義一個函數，賦值給html元素的onXXX屬性?

      <script type="text/javascript"> 
	function clk(){} 
</script> 
<div onclick="clk()">Div2 Element</div> 

<script type="text/javascript"> 
	function clk(e){alert(e);} 
</script> 
<div onclick="clk(arguments[0])">Div2 Element</div> 

    

?

點擊Div，在Firefox中正確彈出了事件對象，支持參數傳入的瀏覽器都可以，如Opera/Safari/Chrome。?

把以上代碼中的 arguments[0]改成event，那么所有瀏覽器都支持 。?

把以上代碼中的arguments[0]改成window.event，那么將只有Firefox不支持。?

把以上代碼中的arguments[0]改成evt，那么將只有Chrome支持。?

?

?

3. 第三種添加事件方式，使用element.onXXX方式?

      <div id="d3">Div3 Element</div> 
<script type="text/javascript"> 
	var d3 = document.getElementById('d3'); 
	d3.onclick = function(){ } 
</script> 
    

?

4. 第四種添加事件方式，使用addEventListener或IE專有的attachEvent?

      <div id="d4">Div4 Element</div>
<script type="text/javascript">
	var d4 = document.getElementById('d4');
	function clk(){
		alert(4)
	}
	//判斷是否是非IE瀏覽器
	if(d4.addEventListener){
		d4.addEventListener('click',clk,false);
	}
	//判斷是否是IE瀏覽器
	if(d4.attachEvent){
		d4.attachEvent('onclick',clk);
	}
</script>
    

?

?

?