場(chǎng)景:給頁(yè)面的所有的a標(biāo)簽添加click事件,代碼如下:
但是這些a標(biāo)簽可能包含一些像span、img等元素,如果點(diǎn)擊到了這些a標(biāo)簽中的元素,就不會(huì)觸發(fā)click事件,因?yàn)槭录壎ㄉ显赼標(biāo)簽元素上,而觸發(fā)這些內(nèi)部的元素時(shí),e.target指向的是觸發(fā)click事件的元素(span、img等其他元素)。
這種情況下就可以使用事件委托來(lái)處理,將事件綁定在a標(biāo)簽的內(nèi)部元素上,當(dāng)點(diǎn)擊它的時(shí)候,就會(huì)逐級(jí)向上查找,知道找到a標(biāo)簽為止,代碼如下: