Историки об Елизавете Петровне: Елизавета попала между двумя встречными культурными течениями, воспитывалась среди новых европейских веяний и преданий...
Своеобразие русской архитектуры: Основной материал – дерево – быстрота постройки, но недолговечность и необходимость деления...
Топ:
Техника безопасности при работе на пароконвектомате: К обслуживанию пароконвектомата допускаются лица, прошедшие технический минимум по эксплуатации оборудования...
Характеристика АТП и сварочно-жестяницкого участка: Транспорт в настоящее время является одной из важнейших отраслей народного...
Проблема типологии научных революций: Глобальные научные революции и типы научной рациональности...
Интересное:
Национальное богатство страны и его составляющие: для оценки элементов национального богатства используются...
Аура как энергетическое поле: многослойную ауру человека можно представить себе подобным...
Финансовый рынок и его значение в управлении денежными потоками на современном этапе: любому предприятию для расширения производства и увеличения прибыли нужны...
Дисциплины:
2017-11-27 | 108 |
5.00
из
|
Заказать работу |
|
|
Рассмотрим различные виды событий на примере клавиш и кнопок, которые запускают в действие практически одинаковые сценарии.
Упражнение 5.1. Событие onmouseover="Func()".
<html>
<head>
<META http-equiv="Content-Type"
content="text/html; charset=windows-1251">
<title>События</title>
<script language="JavaScript">
Function Fsob1()
{
alert("Сценарий запущен в момент касания указателем мыши кнопки «Коснитесь»");
}
</script>
</head>
<body>
<input type="Button" value="Коснитесь!" onmouseover="Fsob1()">
</body>
</html>
Событие onmouseover="Func()" запускает функцию Func() в момент соприкосновения указателя мыши с объектом – кнопкой «Коснитесь!».
В результате на экране появится следующее сообщение:
Упражнение 5.2. Событие onclick="Func()".
<html>
<head>
<META http-equiv="Content-Type"
content="text/html; charset=windows-1251">
<title>События</title>
<script language="JavaScript">
Function Fsob2()
{
alert("Сценарий запущен в момент щелчка по кнопке");
}
</script>
</head>
<body>
<div align="center">
<input type="Button" value="Щелкните" onclick="Fsob2()">
</div>
</body>
</html>
При щелчке по кнопке
Происходит запуск сценария, результат работы которого показан ниже:
Упражнение 5.3. Событие ondblclick="Func()".
<html>
<head>
<META http-equiv="Content-Type"
content="text/html; charset=windows-1251">
<title>События</title>
<script language="JavaScript">
Function Fsob3()
{
alert("Сценарий запущен с помощью двойного щелчка по кнопке");
}
</script>
</head>
<body>
<div align="center">
<input type="Button" value="Нужен двойной щелчок!" ondblclick="Fsob3()">
</div>
</body>
</html>
Результат выполнения двойного щелчка по кнопке
показан ниже:
|
Упражнение 5.4. Событие onmouseout="Func()".
<html>
<head>
<META http-equiv="Content-Type"
content="text/html; charset=windows-1251">
<title>События</title>
<script language="JavaScript">
Function Fsob4()
{
alert("Сценарий запущен в момент выхода указателя мыши с кнопки");
}
</script>
</head>
<body>
<div align="center">
<input type="Button" value="Проведите по кнопке!" onmouseout="Fsob4()">
</div>
</body>
</html>
В момент покидания указателя мыши кнопки запускается сценарий, результат работы которого показан ниже:
Упражнение 5.5. Событие onmousedown="Func()".
Самостоятельно напишите HTML-код сценария, который запускается в момент нажатия кнопки «Нажмите».
Упражнение 5.6. Событие onmouseup="Func()".
Самостоятельно напишите HTML-код сценария, который запускается в момент отпускания кнопки «Срабатывает при отпускании!». Проверьте, что при этом нажатие кнопки может происходить в другом месте страницы. Если же нажатие и отпускание кнопки мыши происходит на кнопке «Срабатывает при отпускании!», то действие события onmouseup ничем не отличается от действия onclick.
Упражнение 5.7. Событие onkeypress="Func()".
Событие onkeypress="Func()" активизирует функцию Func() в момент нажатия клавиши на клавиатуре. В данном упражнении скрипт позволяет выводить на экран кодовую таблицу CP-1251 для латинских букв, цифр, знаков препинания и т.п. Для букв русского алфавита выводимые коды не соответствуют CP-1251.
<html>
<head>
<META http-equiv="Content-Type"
content="text/html; charset=windows-1251">
<title>События</title>
</head>
<body>
<p align="center">
|
|
История развития хранилищ для нефти: Первые склады нефти появились в XVII веке. Они представляли собой землянные ямы-амбара глубиной 4…5 м...
Архитектура электронного правительства: Единая архитектура – это методологический подход при создании системы управления государства, который строится...
Состав сооружений: решетки и песколовки: Решетки – это первое устройство в схеме очистных сооружений. Они представляют...
Опора деревянной одностоечной и способы укрепление угловых опор: Опоры ВЛ - конструкции, предназначенные для поддерживания проводов на необходимой высоте над землей, водой...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!