Javascript三種方式指定事件處理器
Javascript三種方式指定事件處理器
<body>
<input type="button" name="btn" value="10+20=??" onClick="showAns();">
<input type="button" name="btn" value="10+20=??">
<input type="button" name="btn" value="10+20=??"> <br>
<script type="text/javascript">
function showAns(){
var a=10;
var b=20;
window.alert(a+b);
}
function forFun(){
window.alert("^______________^");
btns[2].removeEventListener("click", forFun, false);
}
function noAns(){
window.alert("不告訢你 ><");
}
var btns = document.getElementsByName("btn");
//btns[1]事件會被覆蓋--->noAns把showAns函式物件覆蓋了
btns[1].onclick = showAns;
btns[1].onclick = noAns;
//使用addEventListener
//btns[2]可以有多重事件 showAns以及noAns函式物件
btns[2].addEventListener("click", showAns, false);
btns[2].addEventListener("click", forFun, false);
</script>
</body>
<body>
<input type="button" name="btn" value="10+20=??" onClick="showAns();">
<input type="button" name="btn" value="10+20=??">
<input type="button" name="btn" value="10+20=??"> <br>
<script type="text/javascript">
function showAns(){
var a=10;
var b=20;
window.alert(a+b);
}
function forFun(){
window.alert("^______________^");
btns[2].removeEventListener("click", forFun, false);
}
function noAns(){
window.alert("不告訢你 ><");
}
var btns = document.getElementsByName("btn");
//btns[1]事件會被覆蓋--->noAns把showAns函式物件覆蓋了
btns[1].onclick = showAns;
btns[1].onclick = noAns;
//使用addEventListener
//btns[2]可以有多重事件 showAns以及noAns函式物件
btns[2].addEventListener("click", showAns, false);
btns[2].addEventListener("click", forFun, false);
</script>
</body>
留言
張貼留言