1. 程式人生 > >事件對象的使用、屬性和方法

事件對象的使用、屬性和方法

事件對象的使用、屬性和方法

事件對象的使用、屬性和方法

1 event.target代表當前觸發事件的元素,可以通過當前元素對象的一系列屬性來判斷是不是我們想要的元素

2 target屬性可以是註冊事件時的元素或者子元素,通常用於比較event.target和this來確定是不是由於冒泡而觸發的,經常用於事件冒泡時處理事件委托

3 事件對象是用來記錄一些事件發生時的相關信息的對象。事件對象只有事件發生時才會產生,並且只能是事件處理函數內部訪問,在所有事件處理函數運行結束後,事件對象就被銷毀

4 jQuery事件對象的作用

   li都有一個共同的父元素,而且所有的事件都是一致的,可以采用要一個技巧來處理,也是常說的"事件委托"

5 event.type獲取事件的類型

6 event.pageX 和 event.pageY獲取鼠標當前相對於頁面的坐標,通過這2個屬性,可以確定元素在當前頁面的坐標值,鼠標相對於文檔的左邊緣的位置(左邊)與 (頂邊)的距離,簡單來說是從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化

7 event.preventDefault()阻止默認行為,在執行這個方法後,如果點擊一個鏈接(a標簽),瀏覽器不會跳轉到新的 URL 去,可以用 event.isDefaultPrevented() 來確定這個方法是否(在那個事件對象上)被調用過了

8   event.stopPropagation()阻止事件冒泡,為防止事件冒泡到DOM樹上,也就是不觸發的任何前輩元素上的事件處理函數

9 event.which獲取在鼠標單擊時,單擊的是鼠標的哪個鍵
10 event.which 將 event.keyCode 和 event.charCode 標準化了,event.which也將正常化的按鈕按下(mousedown 和 mouseupevents),左鍵報告1,中間鍵報告2,右鍵報告3
11 event.currentTarget : 在事件冒泡過程中的當前DOM元素,冒泡前的當前觸發事件的DOM對象, 等同於this
12 this和event.target的區別
this是可以變化的,但event.target不會變化,它永遠是直接接受事件的目標DOM元素
13 .this和event.target都是dom對象,使用jquey中的方法可以將他們轉換為jquery對象,比如this和$(this)的使用、event.target和$(event.target)的使用

事件對象的使用、屬性和方法