Главная страница Случайная страница
Разделы сайта
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Події в Java Script
|
|
Приклад: використовуючи данні наведені в таблиці створити Інтернет сторінку з двома текстовим елементами форми. Призначити на події згідно варіанту завдань першого елемента видачу в другий текстовий елемент відповідних повідомлень.
| Атрибут HTML | Умова виникнення події |
| onBlur | Втрата фокуса елементом форми |
| onChange | Зміна зміта поля вводу або області тексту, або вибір нового елементу списку |
| onClick | Клік миші на елементі форми або гіперпосилання’ |
| onFocus | Отримання фокуса вводу елементом форми |
| onLoad | Завершення завантаження документа |
| onMouseOver | Зміщення вказівника миші на гіперпосилання |
| onMouseOut | Зміщення вказівника миші не на гіперпосилання’ |
| onSelect | Виділення тексту в полі вводу або області тексту |
| onSubmit | Передача даних форми |
| onUnload | Вивантаження поточного документу та початок завантаження нового |
Завдання: створити html документ, в якому обробити події згідно номеру варіанта.
| № п/п | Події | № п/п | Події |
| onChange, onClick | onFocus, onMouseOut | ||
| onClick, onLoad | onBlur, onClick | ||
| onBlur, onMouseOver | onClick, onMouseOver | ||
| onFocus, onClick | onChange, onSelect | ||
| onLoad, onMouseOut | onFocus, onChange | ||
| onBlur, onChange | onLoad, onMouseOut | ||
| onChange, onMouseOver | onClick, onFocus | ||
| onFocus, onSelect | onChange, onLoad | ||
| onClick, onChange | onBlur, onSelect | ||
| onFocus, onSelect | onFocus, onMouseOver | ||
| onClick, onMouseOut | onChange, onFocus | ||
| onLoad, onMouseOver | onLoad, onMouseOut | ||
| onBlur, onSelect | onClick, onSelect | ||
| onChange, onMouseOut | onBlur, onMouseOver |
Приклад:
< html>
< head>
< script>
function fun(a)
{
main_form.t_res.value = a;
}
< /script>
< /head>
< body onLoad = " fun('Відбулось завантаження сторінки'); " >
< form id = " main_form" >
< input type=" text" size = " 100" value=" Calculate" onClick=" fun('Відбувся клік на текстовому елементі форми'); " onBlur = " fun('Текстовий елемент форми втратив фокус'); " onChange = " fun('Зміст текстового поля форми змінений'); " onFocus = " fun('Текстовий елемент форми отримав фокус'); " onSelect = " fun('В текстовому полі форми виділений текст); " > < br>
< input type = " text" size = " 100" id = " t_res" onMouseOver = " fun('Курсор потрапив на гіперпосилання'); " onMouseOut = " fun('Курсор потрапив не на гіперпосилання'); " > < br>
< a href = " d: \\" > Посилання< /a>
< /form>
< /body>
< /html>
Результати виконання:
|
|