jsのイベントバインディング

3134 ワード

私たちが二つのwindow.onloadを使いたい時、役割を果たすのは実は最後です.変数と同じです.var a=5を書けばいいです.a=9;最後のaは9です学生は、window.onloadの中に書いてもいいですが、実戦プロジェクトの中では、私達はみんな協力して協力しています.みんな自分のwindow.onloadを使いたいです.この時には事件を使って結びつけなければなりません.
例えば、以下の例では、結果はbだけがイジェクトされ、aは先にイジェクトされず、bはイジェクトされる.
window.οnlοad=function(){var oBtn=document.getElemenntById('btn');oBtn.οnclick=function(){alert('a')};oBtn.οnclick=function(){alert('b')};

もし私たちが先にaをイジェクトし、bをイジェクトするなら、イベントバインディングatachEventはIEのみに対応しています.addEventListenerはIEに対応していません.他のブラウザの文法に対応しています.




     

window.οnlοad=function ()
{
	var oBtn=document.getElementById('btn1');
	
	//attachEvent(   ,   )
	//IE
	/*
	oBtn.attachEvent('onclick', function ()
	{
		alert('a');
	});
	oBtn.attachEvent('onclick', function ()
	{
		alert('b');
	});
	*/
	
	//FF
	//addEventListener(   ,   , false)
	oBtn.addEventListener('click', function ()
	{
		alert('a');
	}, false);
	oBtn.addEventListener('click', function ()
	{
		alert('b');
	}, false);
	
	/*
	oBtn.οnclick=function ()
	{
		alert('a');
	};
	
	oBtn.οnclick=function ()
	{
		alert('b');
	};*/
};






 js ,      IE  IE       ,          


	
		
		
		<script type="text/javascript">
			window.οnlοad=function(){
				var oBtn=document.getElementById('btn');
				if(oBtn.attachEvent){
					oBtn.attachEvent('onclick',function(){
						alert('a');
					})
					oBtn.attachEvent('onclick',function(){
						alert('b');
					})
				}
				else{
					oBtn.addEventListener('click',function(){
						alert('a');
					},false)
					oBtn.addEventListener('click',function(){
						alert('b');
					},false)
				}
			};
		</script>
	
	
		<input type="button" value="  " id="btn"/>
	
</code></pre></code></pre> 
  <p><br/>       </p> 
  <pre><code>

	
		<meta charset="UTF-8"/>
		<title/>
		<script type="text/javascript">
			function addeven(obj,ev,fn){
				if(obj.attachEvent){
					obj.attachEvent('on'+ev,fn)
					obj.attachEvent('on'+ev,fn)
				}
				else{
					obj.addEventListener(ev,fn,false);
					obj.addEventListener(ev,fn,false)
				}
			}
			window.οnlοad=function(){
				var oBtn=document.getElementById('btn');
				addeven(oBtn,'click',function(){
					alert('a');
				})
				addeven(oBtn,'click',function(){
					alert('b');
				})
			};
			
		</script>
	
	
		<input type="button" value="  " id="btn"/>
	
</code></pre> 
  <p> </p> 
  <p> </p> 
  <p> </p> 
  <pre><code> </code></pre> 
  <p> </p> 
  <p> </p> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>