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

原文由 Ivan Topić 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在函数调用中使用 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>

原文由 Rikin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

原文由 Mohamed Abbas 发布，翻译遵循 CC BY-SA 3.0 许可协议