Как очистить поле textarea при наведении курсора?

Допустим необходимо удалить текст при наведении курсора поля textarea используя jQuery.

Простое решение:

$('textarea#someTextarea').focus(function() {
   $(this).val('');
});

Чтобы удалить только текст, установленный по умолчанию, используем следуюший код.
В данном случае введенный текст не будет удален, если пользователеть вернет курсос в поле ввода.

$("textarea").focus(function() {

    if( $(this).text() == "Default Text" ) {
        $(this).text("");
    }

});

В следуюшем коде если юзер ничего не ввёл, текст по умолчанию будет востанновлен.

$("textarea").blur(function() {

    if( $(this).text() == "" ) {
        $(this).text("Default Text");
    }

});

В следующем коде текст будет удалён только при получении фокуса первый раз:

$("textarea").focus(function(event) {

// Erase text from inside textarea
$(this).text("");

// Disable text erase
$(this).unbind(event);
});

Данный сервис предоставляет возможность тестировать код
jsFiddle example

PS.

Так как, textarea содержит открывающий и закрывающий тэги, мы можем использовать $(this).text(""); или $(this).html("");

Так как, textarea имеет атрибут value, также можно использовать операторы:  $(this).val(""); $(this).attr("value", ""); или this.value = "";.

Originally posted 2011-04-08 05:36:23. Republished by Vancouver Web Design