今天總結(jié)一個(gè)關(guān)于事件處理程序的小細(xì)節(jié)。首先回顧一下事件處理的一些概念。

  JS中的事件處理(事件綁定)就是讓某種或某些事件觸發(fā)某些活動(dòng)。有兩種常見的形式,分別是DOM Level 0 和DOM Level 2。這兩種方式最大的區(qū)別就在于DOM 0級(jí)事件處理只能用于事件冒泡,而DOM 2級(jí)事件處理卻可以通過(guò)設(shè)置第三個(gè)參數(shù)來(lái)分別支持事件冒泡和事件捕獲。

  DOM 0級(jí)事件處理一般是直接把一個(gè)函數(shù)分配給一個(gè)事件處理程序,既可以在元素中直接分配一個(gè)事件處理程序,如方式一所示;也可以在腳本中把函數(shù)分配給事件處理程序,如方式二所示。

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

<!--方式一--><div onclick="fun1();fun2('world!');"></div><!--方式二--><div id="a">點(diǎn)我</div><script>
    var a=document.getElementById("a");

    a.onclick=fun1;   //方式二 

    function fun1(){
        alert("hello!");
    }    function fun2(cc){
        alert(cc);
    }</script>

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

  這兩種方式的區(qū)別在上述示例中也顯示了,第一種方式可以同時(shí)綁定多個(gè)處理函數(shù),但要注意必須是全局函數(shù),否則會(huì)拋出Reference錯(cuò)誤。第二種方式只能一次綁定一個(gè)處理函數(shù),否則新的函數(shù)會(huì)覆蓋舊的函數(shù)。

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式