Відмінності між версіями «Опрацювання подій засобами JavaScript»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
(Створена сторінка: У JavaScript, як і інших об'єктно орієнтованих мовах, визначено ряд подій, пов'язаних з елемент…)
 
Рядок 24: Рядок 24:
  
 
</li></ul>
 
</li></ul>
 +
Половина обробників підтримуються практично всіма HTML-елементами (*). Деякі події можна імітувати за допомогою відповідних методів. Нижче наводиться список подій згідно специфікації HTML 4.0 і деякі події, підтримувані MS IE. Трактування браузерів може відрізнятися від стандарту і в плані застосування обробника до тих чи інших елементів
 +
 +
-onAbort Переривання завантаження зображення
 +
 +
-onBlur Втрата поточним елементом фокусу, тобто перехід до іншого елементу. Виникає при клацанні мишею поза елемента або натисканні клавіші табуляції
 +
 +
-onChange Зміна значень елементів форми. Виникає після втратою елементом фокусу, тобто після події
 +
 +
-onClick Одинарний клацання (натискує і відпущена кнопка миші)
 +
 +
-onDblClick Подвійний клік
 +
 +
-onError Виникнення помилки виконання сценарію
 +
 +
-onFocus Отримання елементом фокусу (клацнути мишею на елементі або чергове натискання клавіші табуляції)
 +
 +
-onKeyDown Натиснуто клавіша на клавіатурі
 +
 +
-onKeyPress Натиснуто і відпущена клавіша на клавіатурі
 +
 +
-onKeyUp Звільнена клавіша на клавіатурі
 +
 +
-onLoad Закінчено завантаження документа
 +
 +
-onMouseDown Натиснуто кнопка миші в межах поточного елемента
 +
 +
-onMouseMove Переміщення курсору миші в межах поточного елемента
 +
 +
-onMouseOut Курсор миші виведений за межі поточного елемента
 +
 +
-onMouseOver Курсор миші наведений на поточний елемент
 +
 +
-onMouseUp Звільнена кнопка миші в межах поточного елемента
 +
 +
-onMove Переміщення вікна
 +
 +
-onReset Скидання даних форми (клацнути по кнопці <input type="reset">)
 +
 +
-onResize Зміна розмірів вікна
 +
 +
-onSelect Виділення тексту в поточному елементі
 +
 +
-onSubmit Надсилання даних форми (клацнути по кнопці <input type="submit">)
 +
 +
-onUnload Спроба закриття вікна браузера і вивантаження документа
 +
 +
(*) Практично всі HTML-елементи: всі, за винятком APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE

Версія за 10:51, 13 травня 2010

У JavaScript, як і інших об'єктно орієнтованих мовах, визначено ряд подій, пов'язаних з елементами документа. Обробники дають можливість організувати реакцію на виникнення подій з сценарію. При цьому відповідний обробник вказується як атрибут елемента HTML-документа; значенням цього атрибута є вираз JavaScript. Наприклад: 

  • <pre onmouseOver="this.style.backgroundColor='#DDDDDD'"
     onmouseOut="this.style.backgroundColor='#EEEEEE'">
      Наведіть курсор миші
      </pre>
    - Наведення і відведення курсору миші на елемент супроводжуються зміною кольору фону.

  • <body onUnLoad="alert('окно закрывается!'">
    - При спробі користувача закрити вікно і вивантажити документ виводиться повідомлення 


  • <img src="cat.jpg" onClick="showPict()">
    - При клацанні мишею по зображенню виконується якась функція showPict()

Половина обробників підтримуються практично всіма HTML-елементами (*). Деякі події можна імітувати за допомогою відповідних методів. Нижче наводиться список подій згідно специфікації HTML 4.0 і деякі події, підтримувані MS IE. Трактування браузерів може відрізнятися від стандарту і в плані застосування обробника до тих чи інших елементів

-onAbort Переривання завантаження зображення

-onBlur Втрата поточним елементом фокусу, тобто перехід до іншого елементу. Виникає при клацанні мишею поза елемента або натисканні клавіші табуляції

-onChange Зміна значень елементів форми. Виникає після втратою елементом фокусу, тобто після події

-onClick Одинарний клацання (натискує і відпущена кнопка миші)

-onDblClick Подвійний клік

-onError Виникнення помилки виконання сценарію

-onFocus Отримання елементом фокусу (клацнути мишею на елементі або чергове натискання клавіші табуляції)

-onKeyDown Натиснуто клавіша на клавіатурі

-onKeyPress Натиснуто і відпущена клавіша на клавіатурі

-onKeyUp Звільнена клавіша на клавіатурі

-onLoad Закінчено завантаження документа

-onMouseDown Натиснуто кнопка миші в межах поточного елемента

-onMouseMove Переміщення курсору миші в межах поточного елемента

-onMouseOut Курсор миші виведений за межі поточного елемента

-onMouseOver Курсор миші наведений на поточний елемент

-onMouseUp Звільнена кнопка миші в межах поточного елемента

-onMove Переміщення вікна

-onReset Скидання даних форми (клацнути по кнопці <input type="reset">)

-onResize Зміна розмірів вікна

-onSelect Виділення тексту в поточному елементі

-onSubmit Надсилання даних форми (клацнути по кнопці <input type="submit">)

-onUnload Спроба закриття вікна браузера і вивантаження документа

(*) Практично всі HTML-елементи: всі, за винятком APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE

Отримано з https://wiki.cusu.edu.ua/index.php?title=Опрацювання_подій_засобами_JavaScript&oldid=28419