-
IE事件處理程序
查看全部 -
DOM2級事件處理程序
DOM2級事件處理程序 一、定義了兩個方法： addEventListener()添加事件 removeEventListener()移除事件 btn3.addEventListener('click',showMes,false); 三個參數(shù)設置：事件名稱，處理方法(函數(shù))，布爾值-----冒泡（false）或捕獲（true） 二、注意： 1.事件名稱全都不加on了，onclick→click——事件名稱要加引號“” 2.處理方法中的函數(shù)只寫函數(shù)名，不加括號——不加括號才是函數(shù)，加了括號是運行函數(shù) 3.false 兼容所有瀏覽器-----事件冒泡流——布爾值是不需要加引號“”的 4.通過addEventListener添加的事件只能通過removeEventListener來刪除——參數(shù)要一樣 btn.removeEventListener(參數(shù));//參數(shù)必須和btn.addEventListener的一致，刪除事件 三、其他 dom0級和dom2級事件處理程序 可以給一個事件綁定多個函數(shù)，事件觸發(fā)的時候會按照綁定順序執(zhí)行各個函數(shù)。 btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value）;},false); //不可以這樣添加兩個函數(shù)，懷疑其本意為： //Btn3.addEventListener('click',showmessage1/function(){alert("這是匿名函數(shù)")},false); ? 四、缺點：IE不支持該事件
查看全部 -
2.DOM0級事件處理程序
舉例
html: <input type="button" value="點擊" onclick="showmess()">
js: showmess(){
????alert("hehe");
}? ?//這是第一種
html: <input type="button" value="點擊" id="but1">
js: var but1=document.getElementById("but1");
????but1.onclik=function(){? //這樣不存在HTML事件的缺點，改的時候就只要改一處（這里是只需修改函數(shù)）
????????alert("hahah");
}? ?//這是DOM0級事件處理程序，即先把元素取出來，然后讓這個事件以這個對象的屬性的形式來添加好事件。
????but1.onclick=null;? //這樣就清空了上面的事件
查看全部 -
事件處理程序
第一種ML添加事件的方法：HTML事件處理程序，即把js代碼直接寫在HTML頁面
它的缺點：JS代碼與HTML耦合在一起，要修改時麻煩，要修改兩處
查看全部 -
查看全部 -
JS與HTML之間的交互式通過事件來實現(xiàn)的。
事件流：描述從頁面中接受事件的順序。在IE中的事件流是事件冒泡流，而另一種是事件捕獲流。
事件冒泡流：即事件最開始由最具體的元素（文檔中嵌套層次最深的那個節(jié)點）接收，然后逐級向上傳播至最不具體的那個節(jié)點（文檔）。
查看全部 -
查看全部 -
查看全部 -
event.stopPropagation ?//阻止事件冒泡
查看全部 -
event.target.nodeName ? //目標節(jié)點名稱
查看全部 -
event.type ?//獲取事件類型
查看全部 -
查看全部 -
查看全部 -
查看全部 -
btn.onclick=null;//刪除事件
btn.onclick=function() ? ?//添加事件
查看全部
舉報