1. 事件對象

Event 對象代表事件的狀態，比如事件在其中發生的元素、鍵盤按鍵的狀態、鼠標的位置、鼠標按鈕的狀態。

• 什么時候會產生Event 對象呢??
  
  • 例如: 當用戶單擊某個元素的時候,我們給這個元素注冊的事件就會觸發,該事件的本質就是一個函數,而該函數的形參接收一個event對象.
• 事件通常與函數結合使用，函數不會在事件發生前被執行！

?

?

target 事件屬性可返回事件的目標節點（觸發該事件的節點），如生成事件的元素、文檔或窗口。

語法

event.target

2. 事件流

2.1 事件流發展史

• 事件發展史,這位大神已經寫好了,想去偷瞄兩眼的請點擊這里

2.2 冒泡

?

• 什么是事件冒泡,?
  
  • 官方的定義就是從最特定的事件目標到最不特定的事件目標

?

意思就是說,假如用戶單擊了一個元素,該元素擁有一個click事件,那么同樣的事件也將會被它的祖先觸發,這個事件從該元素開始一直冒泡到DOM樹的最上層,這一過程稱為事件冒泡

2.3 捕獲

?

• 什么是事件捕獲

?

事件捕獲和事件是相反的,也就是說,當用戶觸發了一個事件的時候,這個事件是從DOM樹的最上層開始觸發一直到捕獲到事件源.

2.4 事件流

?

• 它的由來

?

由于微軟和網景亂搞,后來必須要為事件傳播機制,制定一個標準,因為事件捕獲是網景公司開發出來的,而事件冒泡是由微軟公司開發出來的,它們都想要自己的技術成為標準,所以導致這兩個公司老是干架,制定標準的人為了不讓它們干架,所以研發了事件流.

2.5 事件流的寫法以及實現方式

• 標準實現方式使用關鍵詞addEventListener,假如你想要給某一個元素添加事件,現在就可以這樣寫element.addEventListener(eventType, fn, false)?
  
  • dom對象.addEventListener(事件類型, 回調函數, 事件機制)這里的事件類型表示你要使用哪種事件類型比如click, 回調函數里面寫著觸發此事件你要做什么事情, 事件機制分為冒泡和捕獲,如果為false表示事件冒泡,為true表示事件捕獲
• 既然有標準的實現方式,那么肯定也存在著不和諧的寫法,沒辦法誰讓人家牛逼呢,俗話說的好啊兩虎之爭必有一傷,可傷了我們程序員了.這種不和諧的寫法是?
  
  • dom對象.attachEvent(eventType, fn)第一個參數表示事件類型,第二個是回調.這種寫法兼容IE, IE沒有實現事件捕獲,因為在當時他比較厲害,以為沒必要…………只是,,,,省略一千字, 現在微軟的瀏覽器已經做得很好了… 只是調侃一下無其他意圖..
• 以上的兩種寫法一種是兼容W3C標準的一種是老版IE的寫法

轉載于:https://www.cnblogs.com/szl6/p/9965378.html

總結

以上是生活随笔為你收集整理的Event 对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。