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 ，它是什么以及它如何在未来解决麻烦:)