首頁  >  文章  >  web前端  >  JavaSript事件冒泡和事件擷取如何實現

JavaSript事件冒泡和事件擷取如何實現

php中世界最好的语言
php中世界最好的语言原創
2018-03-19 14:29:262288瀏覽

這次帶給大家JavaSript事件冒泡和事件捕獲如何實現 ,JavaSript事件冒泡和事件捕獲實現的注意事項有哪些,下面就是實戰案例,一起來看一下。

  事件流描述的是從頁面中接收事件的順序。但當時,瀏覽器發展到第四代(IE4和Netscape Communicator4)時,IE和Netscape開發團隊各自提出了事件流的概念,而且兩個順序流的概念差不多是相反的。如下:

  1,事件冒泡:這是IE的事件流,事件冒泡是指:事件開始時,有最具體的元素接收(最具體是指文檔中嵌套裡面最深的元素),然後逐級地向上傳播到不具體的節點(文件)。

  2,事件捕獲:這是Netscape 提出的事件流,前面說過,兩個順序幾乎是相反的,所以事件捕獲順序是由最不具體的節點(文檔)接收,逐級地傳遞到最深的元素上去。

來看一個範例:

<head

   < title>Event Bubbling Example

#  

 

Click Me

#

#   

#如果點選如上的

元素:

對於事件冒泡來說:這個click事件傳播順序為:p ----> body -- --> html ---->
document

 

#對於事件擷取來說:這個click事件傳播順序是:document --- -> html ----> body ----> p################相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章! ######推薦閱讀:#########Css float的盒子模型position###############在前端中的html基礎知識 ##### #####

以上是JavaSript事件冒泡和事件擷取如何實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn