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

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2086
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 69 раз

Событие при клике на элемент (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;                                 // Отменяем переход по ссылки
};
Задача решена.

Реклама

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

Сейчас этот форум просматривают: Google [Bot] и 1 гость