為什么我在IE下運行不了
<!DOCTYPE? html>
<html>
?<head>
? <meta charset="UTF-8">
? <meta name="Generator" content="EditPlus?">
? <meta name="Author" content="">
? <meta name="Keywords" content="">
? <meta name="Description" content="">
? <title>Document</title>
?</head>
?<body>
? <div>
?? ?<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">
?? ?//HTML事件流事件 缺點：HTML和JS代碼緊密的耦合在一起
?? ?function showMessage(){
?? ??? ?alert("Hello World!");
?? ?}
?? ?//這是DOM0級處理事件的方式
?? ?btn2=document.getElementById("btn2");
?? ?btn3=document.getElementById("btn3");
?? ?btn2.onclick=function(){
?? ??? ?alert("123");
?? ?}
?? ?//這是DOM0級刪除事件
?? ?btn2.onclick=null;
?? ?/*//以下DOM2級處理事件
?? ?//添加一個監(jiān)聽點擊事件 點擊不加"on",可以添加多個事件
?? ?//btn3.addEventListener("click",showMessage,false);
?? ?//btn3.addEventListener("click",function(){
?? ??? ?//alert(this.value);
?? ?//},false)
?? ?//刪除事件
?? ?//btn3.removeEventListener("click",showMessage,false);*/
?? ?//IE下的事件處理,這個時候要加上"on",不 需要布爾值。
?? ?btn3.attachEvent("onclick",showMessage);
</script>
</body>
</html>
2016-11-01
var eventUtil = {
// 添加事件 element是給誰添加事件 ?type是事件類型 ?handler是事件函數(shù)
addHandler:function(element, type, handler){
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent("on"+type, handler);
} else {
element["on"+type] = handler;
}
};
// 刪除事件
removeHandler:function(element, type, handler){
if (element.removeEventListener) {
element.removeEventListener(type, handler, false);
} else if (element.detachEvent) {
element.detachEvent("on"+type, handler);
} else {
element["on"+type] = null;
}
}
}
2016-11-02
IE11 已經(jīng)不支持attachEvent了