Событие при клике на элемент (JavaScript: onClick)

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2028
Поблагодарили: 62 раза

Событие при клике на элемент (JavaScript: onClick)

Сообщение Slash » Вт июн 28, 2016 9:50 pm

Событие onClick срабатывает при клике левой кнопкой мышки по элементу документа.
Для примера будем использовать ссылку с идентификатором link:

Код: Выделить всё

<a href="#" target="_blank" id="link">Ссылка</a

Ставим задачу: При клике по ссылки с идентификатором link, должен появиться блок, который на данный момент скрыт свойством стиля:

Код: Выделить всё

<div id="block" style="display: none;">Скрытый блок теперь видимый.</div

Решаем задачу, пишем сценарий:

Код: Выделить всё

var link = document.getElementById('link');       // Получаем элемент документа с id="link"
link.onclick = function() {                       // Функция будет выполняется, только когда будет клик по ссылки
    var block = document.getElementById('block'); // Получаем элемент документа с id="block"
    block.style.display = 'block';                // Меняем свойство "display" с none на "block"

    return false;                                 // Отменяем переход по ссылки
};

Задача решена.
Реклама

Вернуться в «JavaScript»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость