使用 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

function getvalue(t) {
   console.log(t.value);
}

<input onclick="getvalue(this)" value="asdf"></input>
<input onclick="getvalue(this)" value="asdf2"></input>

Answer 2

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

当函数被调用时，event对象被传递给函数。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>