今天總結(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ù)分配給事件處理程序,如方式二所示。
<!--方式一--><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>
這兩種方式的區(qū)別在上述示例中也顯示了,第一種方式可以同時(shí)綁定多個(gè)處理函數(shù),但要注意必須是全局函數(shù),否則會(huì)拋出Reference錯(cuò)誤。第二種方式只能一次綁定一個(gè)處理函數(shù),否則新的函數(shù)會(huì)覆蓋舊的函數(shù)。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26