Відмінності між версіями «Опрацювання подій засобами JavaScript»
Рядок 1: | Рядок 1: | ||
+ | JavaScript - Назва реалізації стандарту мови програмування ECMAScript компанії Netscape, базується на принципах прототипно-орієнтованого програмування. | ||
+ | |||
+ | JavaScript - Служить для написання сценаріїв для веб-сторінок, але, також, вікорістовується для впровадження сценаріїв керування об'єктами вбудованим в інші програми. | ||
+ | |||
+ | JavaScript: | ||
+ | |||
+ | - Текст програми включається безпосередньо в HTML-документ і інтерпретується самим браузером | ||
+ | - Застосовується в основному для часткової автоматизації обробки даних, які застосовуються сторінкою | ||
+ | - Як і інших об'єктно-орієнтованих мовах, тут визначено ряд подій, пов'язаних з елементами документа | ||
+ | - Розроблено в компанії Netscape | ||
+ | - На теперішній час підтрімується більшістю браузерів | ||
+ | - Це не Java! | ||
+ | |||
+ | Події - Деякі можна імітувати за допомогою відповідних методів. | ||
+ | |||
+ | JavaScript Як і інших об'єктно-орієнтованих мовах, тут визначено ряд подій, пов'язаних з елементами документа. | ||
+ | |||
+ | Події - Події в JavaScript. | ||
+ | |||
У JavaScript, як і інших об'єктно орієнтованих мовах, визначено ряд подій, пов'язаних з елементами документа. Обробники дають можливість організувати реакцію на виникнення подій з сценарію. При цьому відповідний обробник вказується як атрибут елемента HTML-документа; значенням цього атрибута є вираз JavaScript. Наприклад: | У JavaScript, як і інших об'єктно орієнтованих мовах, визначено ряд подій, пов'язаних з елементами документа. Обробники дають можливість організувати реакцію на виникнення подій з сценарію. При цьому відповідний обробник вказується як атрибут елемента HTML-документа; значенням цього атрибута є вираз JavaScript. Наприклад: | ||
Версія за 11:07, 13 травня 2010
JavaScript - Назва реалізації стандарту мови програмування ECMAScript компанії Netscape, базується на принципах прототипно-орієнтованого програмування.
JavaScript - Служить для написання сценаріїв для веб-сторінок, але, також, вікорістовується для впровадження сценаріїв керування об'єктами вбудованим в інші програми.
JavaScript:
- Текст програми включається безпосередньо в HTML-документ і інтерпретується самим браузером - Застосовується в основному для часткової автоматизації обробки даних, які застосовуються сторінкою - Як і інших об'єктно-орієнтованих мовах, тут визначено ряд подій, пов'язаних з елементами документа - Розроблено в компанії Netscape - На теперішній час підтрімується більшістю браузерів - Це не Java!
Події - Деякі можна імітувати за допомогою відповідних методів.
JavaScript Як і інших об'єктно-орієнтованих мовах, тут визначено ряд подій, пов'язаних з елементами документа.
Події - Події в JavaScript.
У 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