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