原理:给父元素添加事件,子元素触发时冒泡到父元素来捕捉事件,然后通过(方法 / 属性) 来判断是哪个子元素触发,再进行对应的事件处理。
$("父元素").click(function($event) {
let el = $event.target; // 获取触发事件的具体对象
if (el.nodeName.toLowerCase() == 'a') { // 判断触发事件的标签是不是 a 标签
// 再通过获取触发事件元素的文本来进行精准定位
// 也可以通过属性或者ID来定位
// $(el).attr('id'); 获取id
let text = el.innerText;
console.log('A标签,文本内容为:'+text+'的元素触发了 click 事件!')
}
});
学习笔记 (p _ p)..