javascript - 使用 Tab 键选择项目的事件

Question

我有一个简单的表单，当我点击它们时，输入标签的值会发生变化onclick="foo();"。问题是，当我测试它时，我自然会按 Tab 键进入下一个输入框，这不会触发该onClick功能。我已经尝试过onselect和其他几个都无济于事。任何帮助将不胜感激。

下面的例子：

<input name="user" type="text" value="username" style="color: grey;" onEnter="javascript:clear_input(this)"></input><br>
<input name="pass"type="text" value="password" style="color: grey;" onClick="javascript:clear_input(this); hide_input(this);"></input><br>

Answer 1

您需要onfocus事件，这将处理元素的单击和选项卡。

<input onfocus="clear_input(this)" />

此外，您不需要javascript:那里的标签。浏览器无论如何都会忽略它：

<input name="pass"type="text" value="password" style="color: grey;" onfocus="clear_input(this); hide_input(this);"></input>

最后，您应该阅读Unobtrusive Javascript，它是什么以及它将如何在未来节省头痛 :)

Answer 2

我想你可以使用 onfocus 事件。它甚至适用于单击或选项卡。

  <input type="text" onfocus="myFunction()">

我想这会有所帮助。