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