如何在jQuery中編寫onfocus事件

Question

我有一個值= 'Your Name'的fied usernam驗證失敗后，它變成： 'Enter Your Name'

但是我希望當我單擊此字段或關注焦點時，此'Enter Your Name'消失為empty string.

如何在jQuery中寫焦點事件？

Answer 1

您要查找的內容已在HTML5中標准化為placeholder屬性。 您應該使用它，然后使用JavaScript為尚不原生支持該功能的瀏覽器重新創建此功能。

像這樣編寫HTML：

<input type="text" name="username" placeholder="Enter your name">

它將自動在現代瀏覽器中運行，不需要JavaScript！

如果您想支持較舊的瀏覽器，請隨時使用我的Placeholder jQuery插件，它將自動使類似HTML的內容在每個相關瀏覽器中都能正常工作。 只需包含插件，然后執行以下操作：

$('input, textarea').placeholder();

…該插件將為您處理其余的工作。 您可以在此處查看演示： http : //mathiasbynens.be/demo/placeholder

Answer 2

$field.bind('focus.emptyfield', function() {
  if ($(this).val() == 'Enter your name') {
    $(this).val('');
  }
}

假設$ field是您對輸入字段的jQuery引用

注意：onclick和onfocus之間，后者是最好的處理方法，因為它與設備無關

注意2：始終使用命名空間事件（以便以后可以安全地解除綁定）

Answer 3

要么

$(selector).focus(function);

或者，以防您動態加載內容（ajax等）

http://api.jquery.com/live/

$(selector).live("focus",function);