Події JavaScript

Дата добавления: 2015-07-09; просмотров: 489; Нарушение авторских прав

Одна з найважливіших функцій JavaScript складається саме в реакції на різні дії користувача, будь те натискання на кнопку, чи гіперпосилання просте наведення мишки на який-небудь об'єкт. Усе, що користувач може робити на сторінці, називається подією, як і все, що автоматично відбувається на сторінці в браузері (чи в системі). Наприклад, завантаження сторінки — подія. Вивантаження сторінки - це, зрозуміло, теж подія.

Щоб навчитися обробляти ці події, потрібно зрозуміти, як створюються оброблювачі подій для конкретних елементів XHTML. У загальному випадку формат наступний:

Існує визначений набір елементів HTML, що мають підтримку атрибутів, зв'язаних з оброблювачами подій. Є, наприклад, оброблювачі, спеціально призначені для роботи з елементом <body> і що дозволяють визначати якісь автоматичні дії при завантаженні сторінки в браузері.

Елементи <form> мають безліч оброблювачів подій. Ми розглянемо приклад, що дозволяє по натисканню кнопки підтверджувати не форму цілком, а тільки дані, що передаються у функцію JavaScript:

<h1>Обробка введених даних</h1>

<form>

Уведіть число: <input type="text" name="userEntry" size="4" /> <br />

Результат обробки: <input type="text" name="result" size="5" /> <br />

</form>

Що робить цей уривок коду? Просить користувача ввести число в поле, розташоване на початку форми. Після цього йому потрібно натиснути кнопку «Розрахунок». При цьому буде запущений оброблювач події onclick. У ньому відбувається виклик деякої функції за назвою compute. Їй передається вказівник на значення, яким є об'єкт <input> з іменем userEntry. З нього функція витягне дані, обробить їх і поверне результат, привласнивши його змінній result. Ця змінна виводиться в текстовому полі на формі. Саме для цього друге текстове поле має те ж значення атрибута name, що і змінна, що зберігає потрібну інформацію.

<== предыдущая лекция	\|	следующая лекция ==>
Об'єкт Date	\|	Типи оброблювачів подій