on :在被選元素及子元素上添加一個(gè)或多個(gè)事件處理程序
on() 方法是 bind()砰苍、live() 和 delegate() 方法的新的替代品
移除 on() 事件處理程序铣缠,則使用 off() 方法
$(document).on(' 事件1 [事件2] ','需選中的元素',function() {
//需要處理的
});
事件冒泡、事件捕獲
事件冒泡:
當(dāng)你使用事件冒泡時(shí)鹦付,子級(jí)元素先觸發(fā)尚粘,父級(jí)元素后觸發(fā)(即p先觸發(fā)、div后觸發(fā))
事件捕獲:
當(dāng)你使用事件捕獲時(shí)敲长,父級(jí)元素先觸發(fā)郎嫁,子級(jí)元素后觸發(fā)(即div先觸發(fā)秉继、p后觸發(fā))
事件捕獲階段:事件從最上一級(jí)標(biāo)簽開始往下查找,直到捕獲到事件目標(biāo)(target)泽铛。
事件冒泡階段:事件從事件目標(biāo)(target)開始尚辑,往上冒泡直到頁面的最上一級(jí)標(biāo)簽。
event.currentTarget與event.target
event.currentTarget 指事件監(jiān)聽器的對(duì)象
event.target 指事件監(jiān)聽器對(duì)象的子對(duì)象
假如有A,B,C
A->B->C , C 觸發(fā)一個(gè)事件盔腔。 那么 e.target 是 C .
e.currentTarget 可能是ABC當(dāng)中的一個(gè)