| 目次 |
|---|
|
・addEventListenerの使い方 ・サンプル ・リスナー関数に引数を渡す |
if(obj.addEventListener){
// その他ブラウザ用
}else{
// IE用
}
<script type="text/javascript">
window.onload = function() {
if(oButton1.addEventListener){
oButton1.addEventListener("click", dispMsg1, false);
oButton1.addEventListener("click", dispMsg2, false);
oButton2.addEventListener("click", dispMsg3, false);
}
}
function dispMsg1() {
alert("dispMsg1");
}
function dispMsg2() {
alert("dispMsg2");
}
function dispMsg3() {
alert(oButton2.addEventListener);
}
</script>
<input type="button" id="oButton1" value="ボタン" />
<input type="button" id="oButton2" value="確認ボタン" />
<script type="text/javascript">
window.onload = function() {
if(oButton3.addEventListener){
oButton3.addEventListener("click",function(){dispMsg4('引数です')}, false);
}
}
function dispMsg4(msg) {
alert(msg);
}
</script>
<input type="button" id="oButton3" value="ボタン" />