русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Події в Java Script


Дата добавления: 2015-07-09; просмотров: 522; Нарушение авторских прав


Приклад: використовуючи данні наведені в таблиці створити Інтернет сторінку з двома текстовим елементами форми. Призначити на події згідно варіанту завдань першого елемента видачу в другий текстовий елемент відповідних повідомлень.

Атрибут 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>

Результати виконання:



<== предыдущая лекция | следующая лекция ==>
Теоретичні відомості | Умовні вирази, оператори присвоювання та порівняння, логічні операції, коментар у Java Script


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 6.153 сек.