如何使用 onclick() javascript 获取目标元素

Question

我试图使用 onclick() 函数获取目标元素，只是注意到使用 e.target 是不可能的，尽管可以使用已弃用的 event.target （仍然给出结果）。仍然可以使用 addEventlistener 来完成此操作，但是有没有办法使用 onclick() 函数来完成此操作？下面是我的代码：

function check(e){
  let targetElem = e.target     //code working with event.target
  console.log({targetElem})
}

<div class="target-div">
    <div class="first-div" onclick="check(this)">
        hello everybody
    </div>
</div>
<div class="target-div">
    <div class="second_div" onclick="check(this)">
        hello everybody
    </div>
</div>

console.log(targetElem) 总是未定义，尝试删除“this”，然后给出错误 谢谢你的解释

Answer 1

this

指的是元素本身，所以如果这就是您要查找的内容，那么您可以直接引用它：

function check(e) {
  console.log({ targetElem: e });
}

<div class="target-div">
    <div class="first-div" onclick="check(this)">
        hello everybody
    </div>
</div>
<div class="target-div">
    <div class="second_div" onclick="check(this)">
        hello everybody
    </div>
</div>

否则，如果您确实想要整个

event

对象，请传递

event

而不是

this

：

function check(e) {
  let targetElem = e.target;
  console.log({ targetElem });
}

<div class="target-div">
    <div class="first-div" onclick="check(event)">
        hello everybody
    </div>
</div>
<div class="target-div">
    <div class="second_div" onclick="check(event)">
        hello everybody
    </div>
</div>