實現點擊table內的td時,把td綁定的data反饋出來。<div class='wrapper'> <table> <thead>.......</thead> <tbody> <tr> <td data-data='1'>1</td> .... <td data-data='2'><font color='red'>2</font></td> .... </tr> .... </tbody> </table></div>table是動態生成的,把事件綁定到wrapper上,用target觸發標簽td的時候,因為有的td內部有font這個子元素,點擊到font元素的區域無法觸發。$wrapper = document.querySelector('.wrapper');$wrapper.addEventListener('click', function(e){ if(e.target.tagName.toLowerCase === 'td') { console.log(e.target.dataset.data); }},false);
js事件委托,e.target的子元素如何觸發事件?
慕姐8265434
2018-11-22 18:15:20