javascript - 使用 onclick 从输入中获取值

Question

如何使用 vanilla javascript 获取点击输入的值？

function getvalue() {
  console.log(this.val);
}

<input type="text" onclick="getvalue()" value="asdf"></input>
<input type="text" onclick="getvalue()" value="asdf2"></input>
<input type="text" onclick="getvalue()" value="asdf3"></input>

Answer 1

在函数调用中使用 event.target.value

当函数被调用时，事件 对象被传递给函数。 event.target 标识哪个元素调用了函数。

function getvalue() {
   console.log(event.target.value);
}

<input type="text" onclick="getvalue()" value="asdf"></input>
<input type="text" onclick="getvalue()" value="asdf2"></input>
<input type="text" onclick="getvalue()" value="asdf3"></input>