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に対応していません.他のブラウザの文法に対応しています.
例えば、以下の例では、結果は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>