首頁猿問 Table上進(jìn)行事件代理(委托)時...

Table上進(jìn)行事件代理(委托)時,為什么捕獲不到TR

JavaScript

猛跑小豬 2018-08-18 14:42:17

在table上綁定了一個mouseover事件,目的是打算移動到哪一行就拿到哪一行的數(shù)據(jù).但是發(fā)現(xiàn)不管是把事件設(shè)置在捕獲階段還是冒泡階段,只能拿到td拿不到tr這是怎么回事大佬求幫助TABLE.addEventListener('mouseover', (e)=>{ console.log(e.target.tagName); if(e.target.tagName === 'TR') { console.log(e.target); //始終不會執(zhí)行 } },false)

查看完整描述

2 回答

米琪卡哇伊

TA貢獻(xiàn)1998條經(jīng)驗獲得超6個贊

tr標(biāo)簽被td完全遮蓋住，所以mouseover根本不會降臨到tr上，都是在td上直接觸發(fā)。
實驗中會發(fā)現(xiàn)先觸發(fā)是table，因為table默認(rèn)有邊框或單元格空隙，鼠標(biāo)從外部進(jìn)入table晃過時先經(jīng)過table的邊框或單元格空隙，可以通過把table的border和cellspacing設(shè)置為0驗證，table將不會被mouseover。

反對回復(fù) 2018-08-19