javascript - JavaScript 中的指针标识

Question

js脚本

var count = false;
document.getElementById("1").addEventListener("click", (more) => {
    moreOp = more.target.id
    console.log(moreOp)
});

html代码

<div id="1">
     <label id="2"/>
     <input id="3"/>
</div>

在控制台中

2 //pointerId:1
3 //pointerId:2

我如何在变量中被赋予指针 id 1 元素的 id 元素？

标签： javascripthtml

Answer 1

使用currentTarget：

document
  .getElementById("1")
  .addEventListener("click", event =>
  {
  console.clear()
  console.log('You clicked on the element with id =', event.target.id )
  console.log('the event listener belongs to the element with id =', event.currentTarget.id )
  })

div[id="1"]  { background-color:yellow }
label[id="2"]  { background-color:pink }

<div id="1">
  <label id="2" > label 2 </label>
  <input id="3" placeholder="input element..."/>
</div>