ie7無法運轉?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件流</title>
</head>
<body>
<div id="box">
<input type="button" value="按鈕" id="btn" onclick="showMessage()">
<input type="button" value="按鈕2" id="btn2">
? ? ? ? ? ? <input type="button" value="按鈕3" id="btn3">
</div>
<script type="text/javascript">
? ? ? function ?showMessage(){
? ? ? ?alert('hello1');
? ? ? }
? ? ? //取得btn2按鈕對象
? ? ? var ?btn2=document.getElementById("btn2");
? ? ? ? ?//給btn2添加點擊(onclick)屬性
? ? ? btn2.onclick=function(){
? ? ? ? ? alert('這是通過DOm事件執行的');
? ? ? ? ? ? ?btn2.onclick=null;//刪除事件
? ? ? }
? ?var btn3=document.getElementById("btn3");
? ? ?//添加事件
? ?/*btn3.addEventListener('click',showMessage,false);//點擊事件不加on,鼠標劃過事件不加on,所有事件,都不加on。
? ?btn3.addEventListener('click',function(){
? ? ?alert(this.value);
? ?},false)
? ?//刪除事件
? ?// btn3.removeEventListener('click',showMessage,false)//括號里面的參數與上面添加事件時的參數保持不變*/
? ?btn3.attachEvent('onclick',showMessage);//這里要加上on
? ?btn3.detachEvent('onclick',showMessage);
</script>
</body>
</html>
為什么ie7無法運轉?
2015-12-28
addEventListener 這個方法支持到IE9及以上 ?
2015-12-29
iii
2015-12-28
很復雜,沒明白。