資訊專欄INFORMATION COLUMN
摘要：在項目開發中遇到需要獲取觸發事件元素冒泡過程的所有元素，在中可以通過獲取。該屬性在和瀏覽器下沒問題，但是在和中發現并沒有屬性。進過查找資料發現，在瀏覽器新的標準里定義的可以獲取
在項目開發中遇到需要獲取觸發事件元素冒泡過程的所有元素，在Chrome中可以通過event.path獲取。
element.onClick(event) {
const ev = window.event || event;
const path = ev.path;
}
該屬性在Chrome和Opera瀏覽器下沒問題，但是在Firefox和Safari中發現event并沒有path屬性。 進過查找資料發現，在瀏覽器新的標準里定義的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]
}
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104816.html
摘要：實例代碼各游覽器兼容所有識別識別識別識別有效僅有效及以下識別僅識別僅識別一般情況下我們區分只用配合就行了如果必須寫這樣的代碼區分及以下則謹記此寫法對也有效，故在其中要再重寫一次或者使用方法僅對有效。 關于CSS HACK 可以參見這個網站http://browserhacks.com/。 網上很多資料中常常把!important也作為一個hack手段，其實這是一個誤區。!import...
摘要：實例代碼各游覽器兼容所有識別識別識別識別有效僅有效及以下識別僅識別僅識別一般情況下我們區分只用配合就行了如果必須寫這樣的代碼區分及以下則謹記此寫法對也有效，故在其中要再重寫一次或者使用方法僅對有效。 關于CSS HACK 可以參見這個網站http://browserhacks.com/。 網上很多資料中常常把!important也作為一個hack手段，其實這是一個誤區。!import...
摘要：實例代碼各游覽器兼容所有識別識別識別識別有效僅有效及以下識別僅識別僅識別一般情況下我們區分只用配合就行了如果必須寫這樣的代碼區分及以下則謹記此寫法對也有效，故在其中要再重寫一次或者使用方法僅對有效。 關于CSS HACK 可以參見這個網站http://browserhacks.com/。 網上很多資料中常常把!important也作為一個hack手段，其實這是一個誤區。!import...
