Обробка подій в мові javascript


Це добре для роботи з окремими елементами, а що робити при необхідності обробки подій цілим документом? В цьому випадку покажчики на обробники подій можна помістити в тег :

Текст, що реагує на подію

Так як jscript є мовою броузера, визначеним за замовчуванням, можна опустити атрибут "language = jscript", зробивши конструкцію більш компактною:


Текст, що реагує на подію

onclick = "myclickcode ()">
.

Існує ще один прийом позначення обробної подія функції в рядку з ідентифікатором елемента і події. У цьому випадку назва події і ім'я елемента розділяють крапкою. Але при цьому треба мати на увазі, що ці методи не є загальноприйнятими для обробки подій. Просто вони працюють, тому що самі функції задані у властивостях об'єкта element:


Цим методом користуються для обробки подій, пов'язаних з основними об'єктами броузера - document і window:


Скасування дії події.
Деякі події, такі як onsubmit, дозволяють управляти тим, як броузер поведе себе у відповідь на них, повертаючи контрольне значення. Розглянемо приклад з формою, що містить єдине текстове поле email, і кнопку submit (Відправлення):

У наведеному прикладі видно, як використовується броузерні модель для отримання тексту з текстового поля. Шуканий рядок є властивістю value елемента email. Ця форма - частина колекції elements форми myform, що зберігається в колекції forms об'єкта document.

Замість повернення значення власне функцією ми можемо скасувати дію, за замовчуванням призначений для даної події, за допомогою властивості returnvalue об'єкта event. Ми розглянемо це в наступних випусках.

Схожі статті