Переключаем значение по умолчанию текстового поля при фокусе на элементе

Фокус (focus) происходит тогда, когда пользователь фокусируется на элементе, например, кликает на каком либо текстовом поле. Событие blur срабатывает, когда элемент теряет фокус, например, при клике за пределами текстового поля.

Вы наверняка отметили, что у текстовых полей на многих приличных сайтах есть некоторые значения по умолчанию. Когда вы кликаете по текстовому полю данное значение исчезает, при клике за пределами элемента значение по умолчанию возвращается на свое место. Вся эта функциональность - простой трюк javascript. Ниже приведен небольшой фрагмент кода (сниппет) javascript позволяющий реализовать вышеописанный функционал.

javascript

var t = document.getElementById('ID');
t.onfocus = hideText;
t.onblur = showText;

function hideText() {
    if(this.value == this.defaultValue) {
        this.value = '';
    }
}

function showText() {
    if(this.value == '') {
        this.value = this.defaultValue;
    }
}