Події Javascript Бібліотека Javascript

Подія onClick виникає при одиночному натисканні лівою кнопкою миші. У наступному прикладі при натисканні на текст змінюється колір тексту.

Приклад використання події onClick.

ondblClickПодія ondblClick виникає при подвійному натисканні лівою кнопкою миші. У наступному прикладі при подвійному клацанні по тексту змінюється колір тексту.

onLoadПодія onLoad відбувається при повному завантаженні сторінки документа або всіх кадрів. Може використовувати всередині тегів та . У наступному прикладі під час завантаження сторінки з'являється повідомлення 'Сторінка завантажена!'. Для того, щоб випробувати цей приклад додайте на вашій сторінці вміст тега BODY властивість onLoad

onUnLoadПодія onUnLoad відбувається при видаленні сторінки з вікна або кадру. Може використовувати всередині тегів та . У наступному прикладі при відході зі сторінки з'являється повідомлення 'Дякую, що нас відвідали!'. Для того, щоб випробувати цей приклад додайте на вашій сторінці вміст тега BODY властивість onUnLoad, відкрийте цю сторінку і перейдіть на будь-яку іншу сторінку:

onMouseDownПодія onMouseDown виникає при натисканні лівою кнопкою миші. У наступному прикладі натискання кнопки миші на тексті змінюється стиль тексту.

Приклад використання події onMouseDown.

onMouseUpПодія onMouseUp виникає при відпусканні натиснутої лівої кнопки миші. У наступному прикладі натискання кнопки миші на тексті змінюється стиль тексту, а при відпусканні стиль стає початковим.

Приклад використання події onMouseDown та onMouseUp.

onMouseOverПодія onMouseOver виникає при наведенні курсору миші на елемент. У наступному прикладі наведення курсору миші на текст з'являється рамка.

onMouseMoveПодія onMouseMove виникає при наведенні курсору миші на елемент. У наступному прикладі наведення курсору миші на текст зміниться колір тексту.

Приклад використання події наMouseMove.

подія onMouseOver спрацьовує лише один раз, коли курсор миші досягає об'єкта, а подія onMouseMove спрацьовує постійно, під час руху курсора миші над об'єктом.

onMouseOutПодія onMouseOut виникає при переміщенні покажчика миші за межі об'єкта. Наступний приклад демонструє послідовність подій onMouseOver, onMouseMove та onMouseOut. Кожна з цих подій змінює колір тексту:

Приклад використання події onMouseOut. Під час руху покажчика миші через об'єкт "font" спочатку відбувається подія onMouseOver - текст стає синім (blue), потім подія onMouseMove - текст забарвлюється в червоний (red), і при догляді за межі об'єкта відбувається подія onMouseOut - текст стає зеленим ( green).

onFocusПодія onFocus виникає при отриманні об'єктом фокуса під час переходу на кліку миші або за допомогою клавіатури. Ця подія може бути описана для тегів LABEL, INPUT, SELECT, TEXTAREA та BUTTON. У наступному прикладі при натисканні на поле введення тексту пояснювальний текст зникає (цей спосіб зручний для створення компактних і зрозумілих форм, підказка знаходиться в самому полі і зникає, при введенні в це поле інформації):

onBlurПодія onBlur виникає при втраті об'єктом фокуса під час переходу на кліку миші або за допомогою клавіатури. Ця подія може бути описана для тегів LABEL, INPUT, SELECT, TEXTAREA та BUTTON. У наступному прикладі при натисканні на поле введення тексту пояснювальний текст зникає (подія onFocus) і при переході фокусу, якщо користувач нічого не ввів,підказка з'являється знову (подія onBlur):

absАбсолютне значення аргументуacosАрккосинусalertВиведення на екран вікна з повідомленнямanchorВисновок посиланняasinАрксінусatanАрктангенсbackРезультат аналогічний кнопці Back браузера

Повертається значення true або false залежно від того, чи встановлено прапорець за промовчанням. Значення не змінюється при зміні статусу прапорця користувачем. Приклад використання властивості defaultChecked

У текстовому боксі встановлюється значення defaultChecked для прапорця. Скрипт: myForm.textbox1.value = myForm.checkbox1.defaultChecked; myForm.textbox2.value = myForm.checkbox2.defaultChecked;

І форма, що обробляється скриптом:

defaultSelectedПовертає стан тега за промовчанням Викликається formName.elementName.defaultSelected forms[index].elements[index].defaultSelected

Повертається значення true чи false залежно від того, обрано чи ні опція. Значення не змінюється при зміні статусу прапорця користувачем. Приклад використання властивості defaultSelected

Перевіримо вибрані за замовчуванням опції тега. Скрипт:

І форма, що обробляється скриптом:

defaultStatusВстановлює текст, що виводиться у рядку статусу Викликається [windowName.]defaultStatus

Повертається значення true чи false залежно від того, обрано чи ні опція. Значення не змінюється при зміні статусу прапорця користувачем.

window.defaultStatus = "Опис властивості defaultStatus";

defaultValueПовертає початкове значення властивості value елементів форми Викликається formName.elementName.defaultValue forms[index].elements[index].defaultValue

Діє з усіма елементами форми, що підтримують властивість value за винятком елемента password (для безпеки повертається null). Приклад використання властивості defaultValue

При втраті фокусу в текстовому полі встановлюється текст за промовчанням.

EОснова натуральних логарифмів Повертає основу натуральних логарифмів. Викликається Math.EencodingПовертає рядок з типом кодування MIME. Викликається formName.encoding forms[index].encoding

Тип кодування MIME встановлюється в атрибуті enctype тега

Виглядатиме вона приблизно ось так: Перший елемент Другий елемент

---