Обробка подій

Важливою ознакою інтерактивних HTML-сторінок є можливість реакції на дії користувача. Наприклад, натиск на кнопці повинен викликати появу діалогового вікна, або виконання перевірки правильності введених користувачем даних. В JavaScript інтерактивність реалізована за допомогою перехвату та обробки подій, викликаних в результаті дій користувача. Для цього в теги деяких елементів введені параметри обробки подій. Ім’я параметру обробки події починається з префіксу on, за яким йде назва події. Наприклад, події клік кнопкою миші Click, відповідає параметр обробки події з назвою onClick. Назви та характеристики деяких подій наведені в табл. 7.1.

Таблиця 7.1

Події JavaScript

Подія Характеристика події Обробник події
Click Клік кнопкою миші на елементі форми або гіперпосилання onClick
KeyDown Натиск на клавіші клавіатури onKeyDown
Load Завантажується документ в браузер onLoad
MouseDown Натиск на кнопці миші onMouseDown
MouseOver Курсор знаходиться над елементом onMouseOver
MouseOut Курсор покидає зону над елементом onMouseOut

 

Задача. Необхідно, щоб при наведені курсору на комірку таблиці із написом "Привіт" з’являлось вікно повідомлення з фразою "Hello". Можливі рішення:

Варіант 1:

<td onClick="alert('Hello')"> Привіт </td>

Варіант 2:

<script>

function Go() {

alert("Hello")

}

</script>

<td onClick="Go()"> Привіт </td>

В варіанті вирішення 1, код JavaScript був записаний безпосередньо в тезі, а в варіанті 2 наслідком кліку став виклик функції. Варіант 2 слід використовувати, якщо код обробки події великий за обсягом.








Дата добавления: 2015-08-21; просмотров: 1275;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.004 сек.