在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何設(shè)置元素下面多個按鈕的click事件用1個事件啟動

如何設(shè)置元素下面多個按鈕的click事件用1個事件啟動

clipboard.png
如題,下面多個按鈕,我想用1個事件啟動,請問應該怎么寫?

回答
編輯回答
夏夕

這個就是典型的事件代理,通過給父層元素來綁定事件來實現(xiàn)

// 給父層元素綁定事件
document.getElementById('father').addEventListener('click', function (e) {
  // 兼容性處理
  var event = e || window.event;
  var target = event.target || event.srcElement;
  // 判斷是否匹配目標元素,注意,<el-button>實際上也是<button>
  if (target.nodeName.toLocaleLowerCase === 'button') {
    // 做你想做的事兒
    console.log('the content is: ', target.innerHTML);
  }
});
2018年8月10日 14:30