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