如題,下面多個按鈕,我想用1個事件啟動,請問應該怎么寫?
如何設置元素下面多個按鈕的click事件用1個事件啟動
慕慕森
2019-03-19 17:19:27
TA貢獻1963條經驗 獲得超6個贊
這個就是典型的事件代理,通過給父層元素來綁定事件來實現
// 給父層元素綁定事件
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);
}
});
舉報