this和target的區(qū)別
測試一里的代碼改成 ? ? ? ?$("h2").next().click(function(){ ? ? ? ? ? alert(this.innerHTML); ? ? ? ?}); ? ? ? ? $("button:eq(0)").click(function() { ? ? ? ? ? ?$("h2").next().click(); ? ? ? ?}); 達(dá)到的效果跟測試二一樣，那誰能告訴我this和event.target的區(qū)別，我百度別人說是this是變化的，而event.target總是觸發(fā)事件的元素，這個理解不了，有實際例子嗎？
2017-05-06
this指的是綁定事件函數(shù)的那個對象，而e.target指的是事件發(fā)生的真正目標(biāo)對象。多用在事件委托上。父級元素綁定事件，子級元素作為點擊目標(biāo)對象。this指的是父級元素，而e.target指的是子級元素。例如，一個div里面有一個列表，對div綁定一個點擊事件，讓里面的li點擊發(fā)生變色，我們不需要對每個li進(jìn)行綁定，只需要給div綁定事件，然后讓e.target.style.backgroundColor改變就可以實現(xiàn)。