JavaScript事件對象中的常用屬性及方法

1.屬性

event.bubbles:屬性返回一個布爾值,表示當前事件是否會冒泡;event.eventPhase:返回一個整數(shù)值,表示事件流在傳播階段的位置

0:事件目前沒有發(fā)生。

1:事件目前處于捕獲階段。

2:事件到達目標節(jié)點。

3:事件處于冒泡階段。

event.type:返回一個字符串,表示事件類型,大小寫敏感;event.timeStamp:返回一個毫秒時間戳,表示事件發(fā)生的時間;

clientX、clientY :獲取鼠標事件觸發(fā)的坐標



2. 事件代理/委托

event.target:對事件起源目標的引用,屬性返回觸發(fā)事件的那個節(jié)點。event.currentTarget:屬性返回事件當前所在的節(jié)點,即正在執(zhí)行的監(jiān)聽函數(shù)所綁定的那個節(jié)點。作為比較,target屬性返回事件發(fā)生的節(jié)點。



由于事件會在冒泡階段向上傳播到父節(jié)點,因此可以把子節(jié)點的監(jiān)聽函數(shù)定義在父節(jié)點上,由父節(jié)點的監(jiān)聽函數(shù)統(tǒng)一處理多個子元素的事件。這種方法叫做事件的代理也叫 事件委托 也有人稱為 事件代理


3. 阻止瀏覽器默認行為&阻止事件傳播

event.preventDefault():方法取消瀏覽器對當前事件的默認行為,比如點擊鏈接后,瀏覽器跳轉到指定頁面,或者按一下空格鍵,頁面向下滾動一段距離。

event.stopPropagation():方法阻止事件在DOM中繼續(xù)傳播,防止再觸發(fā)定義在別的節(jié)點上的監(jiān)聽函數(shù)





?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,701評論 1 11
  • Dom事件 事件是一種異步編程的實現(xiàn)方式,本質上是程序各個組成部分之間的通信。DOM支持大量的事件 (一) Eve...
    woow_wu7閱讀 1,889評論 0 1
  • 事件是一種異步編程的實現(xiàn)方式,本質上是程序各個組成部分之間的通信。DOM支持大量的事件,本節(jié)介紹DOM的事件編程。...
    許先生__閱讀 1,035評論 0 3
  • js之事件機制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驅動...
    道無虛閱讀 2,632評論 0 2
  • 以下文章為轉載,對理解JavaScript中的事件處理機制很有幫助,淺顯易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy閱讀 3,173評論 1 10

友情鏈接更多精彩內容