javascript - Div onclick e.target.id 不工作

Question

我正在尝试获取被点击的 div 的 ID。

function select(e) {
  alert('ID : ' + e.target.id);
  // alert('Selected!');
}

div {
  background: red;
  cursor: pointer;
  height: 50px;
  width: 50px;
}

<div id='5' onclick='select()'></div>

我创建了一个 codepen here你可以玩。当我单击 div 时，我收到一条错误消息，指出 e 是 undefined。但是，仅打印 Selected! 的正常警报工作正常。所以这就是 e 的问题。

Answer 1

您没有将任何内容作为参数传递，因此 e 将始终为 undefined。为了获得 event 对象，将 event 对象作为参数传递。

<div id='5' onclick='select(event)'></div>

function select(e) {
  console.log('ID : ' + e.target.id);
}

div {
  background: red;
  cursor: pointer;
  height: 50px;
  width: 50px;
}

<div id='5' onclick='select(event)'></div>

---

或者将 this 上下文作为参数传递给元素。

function select(ele) {
  console.log('ID : ' + ele.id);
}

div {
  background: red;
  cursor: pointer;
  height: 50px;
  width: 50px;
}

<div id='5' onclick='select(this)'></div>