2012年10月4日 星期四

jQuery & javascript冒泡事件原理


什麼是冒泡事件?

就是事件由底層往上層傳遞,當一個元素的事件被觸發時(例如click),同樣的事件將會在那個元素的所有祖先元素中被觸發,這一個過程被稱為冒泡事件,其過程有如下圖。

舉例:
當在頁面建立了多個div時,相當於建立了父子關係,當父div與子div共同加入了onclick事件時,當觸發了子div的onclick事件後,子div進行相應的js操作,但是父div的onclick事件同樣會被觸發,這就造成了事件的多層觸發,導致頁面混亂,這就是冒泡事件。(這只是舉例)


參考網址來自於以下網址所整理出:
http://www.freezq.cn/article/485.htm
http://www.skygq.com/2011/02/08/jquery-stop-propagation/
http://www.skygq.com/2011/02/08/jquery-stop-propa
http://www.cnblogs.com/zhongweiv/archive/2011/11/04/EventBubbling.htmlgation/
http://hzw2312.blog.51cto.com/2590340/780230 (列出瀏覽器的冒泡流程圖)
http://www.cnblogs.com/zhongweiv/archive/2011/11/04/EventBubbling.html

可參考這些網址,寫得很明瞭。

沒有留言:

張貼留言

若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...