成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

FireFox和Safari兼容event.path

youkede / 850人閱讀

摘要:在項目開發(fā)中遇到需要獲取觸發(fā)事件元素冒泡過程的所有元素,在中可以通過獲取。該屬性在和瀏覽器下沒問題,但是在和中發(fā)現并沒有屬性。進過查找資料發(fā)現,在瀏覽器新的標準里定義的可以獲取

在項目開發(fā)中遇到需要獲取觸發(fā)事件元素冒泡過程的所有元素,在Chrome中可以通過event.path獲取。

element.onClick(event) {
  const ev = window.event || event;
  const path = ev.path;
}

該屬性在Chrome和Opera瀏覽器下沒問題,但是在Firefox和Safari中發(fā)現event并沒有path屬性。 進過查找資料發(fā)現,在瀏覽器新的標準里定義的composedPath可以獲取

element.onClick(event) {
  const ev = window.event || event;
  const path = event.path || (event.composedPath && event.composedPath());
  console.log(path)  //[button#btn, div, body, html, document, Window]
}

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://systransis.cn/yun/104816.html

相關文章

  • 【譯】原生表單組件

    摘要:文本輸入框文本輸入框是最基本的表單組件,它便于用戶輸入各種數據。對大多數表單組件而言,表單提交后所有具有屬性的組件都會被提交,即使它們沒有獲值。重置按鈕用于重置所有表單組件為默認值。 系列文章說明 原文 HTML表單是由組件構成的,這些組件是各種瀏覽器都支持的內置控件。本文中我們將深入探討它們、了解它們的作用、學習如何讓各種瀏覽器更好地支持它們。 雖然這里我們只探討內建表單組件,但...

    sunnyxd 評論0 收藏0
  • 關于CSS HACK

    摘要:實例代碼各游覽器兼容所有識別識別識別識別有效僅有效及以下識別僅識別僅識別一般情況下我們區(qū)分只用配合就行了如果必須寫這樣的代碼區(qū)分及以下則謹記此寫法對也有效,故在其中要再重寫一次或者使用方法僅對有效。 關于CSS HACK 可以參見這個網站http://browserhacks.com/。 網上很多資料中常常把!important也作為一個hack手段,其實這是一個誤區(qū)。!import...

    phpmatt 評論0 收藏0
  • 關于CSS HACK

    摘要:實例代碼各游覽器兼容所有識別識別識別識別有效僅有效及以下識別僅識別僅識別一般情況下我們區(qū)分只用配合就行了如果必須寫這樣的代碼區(qū)分及以下則謹記此寫法對也有效,故在其中要再重寫一次或者使用方法僅對有效。 關于CSS HACK 可以參見這個網站http://browserhacks.com/。 網上很多資料中常常把!important也作為一個hack手段,其實這是一個誤區(qū)。!import...

    mist14 評論0 收藏0
  • 關于CSS HACK

    摘要:實例代碼各游覽器兼容所有識別識別識別識別有效僅有效及以下識別僅識別僅識別一般情況下我們區(qū)分只用配合就行了如果必須寫這樣的代碼區(qū)分及以下則謹記此寫法對也有效,故在其中要再重寫一次或者使用方法僅對有效。 關于CSS HACK 可以參見這個網站http://browserhacks.com/。 網上很多資料中常常把!important也作為一個hack手段,其實這是一個誤區(qū)。!import...

    zzbo 評論0 收藏0

發(fā)表評論

0條評論

youkede

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<