Введение в JavaScript для Мага icon

Введение в JavaScript для Мага



НазваниеВведение в JavaScript для Мага
Дата конвертации03.09.2012
Размер69.27 Kb.
ТипДокументы
1. /javascript2/jscripts/PART1.DOC
2. /javascript2/jscripts/PART10.DOC
3. /javascript2/jscripts/PART11.DOC
4. /javascript2/jscripts/PART12.DOC
5. /javascript2/jscripts/PART2.DOC
6. /javascript2/jscripts/PART3.DOC
7. /javascript2/jscripts/PART4.DOC
8. /javascript2/jscripts/PART5.DOC
9. /javascript2/jscripts/PART6.DOC
10. /javascript2/jscripts/PART7.DOC
11. /javascript2/jscripts/PART8.DOC
12. /javascript2/jscripts/PART9.DOC
Книга по JavaScript и некоторые примеры Недавно я написал книгу о JavaScript. Она называется ‘JavaScript Einfuehrung, Programmierung und Referenz’ и написана на немецком языке.
Введение в JavaScript для Мага
Введение в JavaScript для Мага
Введение в JavaScript для Мага
Введение в JavaScript для Мага
Введение в JavaScript для Мага
Введение в JavaScript для Мага
Введение в JavaScript для Мага
Введение в JavaScript для Мага
Введение в JavaScript для Мага
Введение в JavaScript для Мага
Введение в JavaScript для Мага

Введение в JavaScript для Мага

© 1996, 1997 Стефан Кох (Stefan Koch)


Part 11: Модель событий в JavaScript 1.2


Новые события


Наступило время, рассмотреть одну из новых особенностей Netscape Navigator 4.x - модель событий JavaScript 1.2. Приведенные здесь примеры будут работать только в Netscape Navigator 4.x (хотя большинство из них работают также и в предварительных версиях этого браузера).


В JavaScript 1.2 поддерживается обработка следующих событий (если Вы хотите узнать побольше об этих событиях, обратитесь к документации JS 1.2 от фирмы Netscape -

http://developer.netscape.com/library/documentation/communicator/jsguide/js1_2.
htm):


Abort

Focus

MouseOut

Submit

Blur

KeyDown

MouseOver

Unload

Click

KeyPress

MouseUp




Change

KeyUp

Move




DblClick

Load

Reset




DragDrop

MouseDown

Resize




Error

MouseMove

Select






Изучая таблицу, можете увидеть, что была реализована обработка некоторых новых событий. На этом уроке мы и рассмотрим некоторые из них.

Сперва давайте рассмотрим событие Resize. С помощью этого события Вы можете определить, был бы размер окна изменен читателем. Следующий скрипт демонстрирует, как это делается:












Пожалуйста, измените размер этого окна.






В строке


window.onresize= message;


мы задаем процедуру обработки такого события. Точнее, функция message() будет вызываться всякий раз, как только пользователь изменит размер окна. Возможно, Вы не знакомы с таким способом назначения программ, обрабатывающих события. Однако JavaScript 1.2 ничего нового здесь не привносит. Например, если у Вас есть объект button, то Вы можете определить процедуру обработки события следующим образом:









Однако Вы можете написать это и по другому:









...








Click on this link






(online-версия позволит Вам проверить этот скрипт немедленно)


Как видно, мы не указываем программы обработки событий в тэге . Вместо этого мы пишем


window.captureEvents(Event.CLICK);


с тем, чтобы перехватить событие Click объектом window. Обычно объект window не работает с событием Click. Однако, перехватив, мы затем его переадресуем в объект window. Заметим, что в Event.CLICK фрагмент CLICK должен писаться заглавными буквами. Если же Вы хотите перехватывать несколько событий, то Вам следует отделить их друг от друга символами |. Например:


window.captureEvents(Event.CLICK | Event.MOVE);


Помимо этого в функции handle(), назначенной нами на роль обработчика событий, мы пользуемся инструкцией return true;. В действительности это означает, что браузер должен обработать и саму ссылку, после того, как завершится выполнение функции handle(). Если же Вы напишете вместо этого return false;, то на этом все и закончится.


Если теперь в тэге
Вы зададите программу обработки события onClick, то поймете, что данная программа при возникновении данного события вызвана уже не будет. И это не удивительно, поскольку объект window перехватывает сигнал о событии еще до того, как он достигает объекта link. Если же Вы определите функцию handle() как


function handle(e) {

alert("The window object captured this event!");

window.routeEvent(e);

return true;

}


то компьютер будет проверять, определены ли другие программы обработки событий для данного объекта. Переменная e - это наш объект Event, передаваемый функции обработки событий в виде аргумента.


Кроме того, Вы можете непосредственно послать сигнал о событии какому-либо объекту. Для этого Вы можете воспользоваться методом handleEvent(). Это выглядит следующим образом:






"Кликните" по этой ссылке




onClick="alert('Обработчик событий для второй ссылки!');">Вторая ссылка




(online-версия позволит Вам проверить этот скрипт немедленно)


Все сигналы о событиях Click, посылаются на обработку по второй ссылке - даже если Вы вовсе и не щелкнули ни по одной из ссылок!


Следующий скрипт демонстрирует, как Ваш скрипт может реагировать на сигналы о нажатии клавиш. Нажмите на какую-либо клавишу и посмотрите, как работает этот скрипт.









©1996,1997 by Stefan Koch

e-mail:skoch@rumms.uni-mannheim.de

http://rummelplatz.uni-mannheim.de/~skoch/

Моя книга по JavaScript: http://www.dpunkt.de/javascript



Похожие:

Введение в JavaScript для Мага iconДокументы
1. /ВВЕДЕНИЕ В JAVASCRIPT ДЛЯ МАГА/PART1.DOC
2. /ВВЕДЕНИЕ...

Введение в JavaScript для Мага iconДокументы
1. /Введение в JavaScript/WORD/COVER.DOC
2. /Введение...

Введение в JavaScript для Мага iconДокументы
1. /JavaScript/PART1.DOC
2. /JavaScript/PART10.DOC
Введение в JavaScript для Мага iconДокументы
1. /JavaScript/PART1.DOC
2. /JavaScript/PART10.DOC
Введение в JavaScript для Мага iconДокументы
1. /Одиночество мага/03 - Одиночество мага.txt
Введение в JavaScript для Мага iconДокументы
1. /Javascript. Модель событий в JavaScript 1.2.txt
Введение в JavaScript для Мага iconДокументы
1. /Введение в DELPHI/Alexs.rtf
2. /Введение...

Введение в JavaScript для Мага iconВведение в философию
...
Введение в JavaScript для Мага icon25 марта 2011 года №03-175
...
Введение в JavaScript для Мага iconДокументы
1. /Война мага т.1.txt
Введение в JavaScript для Мага iconДокументы
1. /Война мага-2.txt
Разместите кнопку на своём сайте:
Документы


База данных защищена авторским правом ©podelise.ru 2000-2014
При копировании материала обязательно указание активной ссылки открытой для индексации.
обратиться к администрации
Документы

Разработка сайта — Веб студия Адаманов