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()">

我想这会有所帮助。

用Tab键选择项目的事件

2 个答案: