以动态方式单击所有子项的侦听器

时间:2021-03-05 14:32:39

标签: javascript html onclicklistener

我想对下图中的 div 和 console.log 使用事件侦听器(以动态方式也称为气泡),并记录点击了 li 元素。

我听说有使用 event.target 的气泡侦听器。

到目前为止没有成功,我的代码:

document.getElementsByTagName('eon-ui-anchor-nav').addEventListener('click', event => { // Step 2
  if (event.target.className === 'eonui-anchor-nav__item') { // Step 3
    console.log(event.target);
  }
});

enter image description here

0 个答案:

没有答案