Клиентский JavaScript. Справочник




Глава 3 Обработчики событий


    Глава 3 Обработчики событий
    В этой главе рассматриваются обработчики событий, используемые с объектами клиентского JavaScript для выполнения определённых действий. Общую информацию об обработчиках событий см. в книге Клиентс...
    Onabort
    Выполняет код JavaScript, когда возникает событие abort; то есть, когда пользователь прерывает загрузку изображения (например, щёлкая ссылку или кнопку Stop). Обработчик события для Image Реализов...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    СвойствоОписание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано....
    Пример
    В этом примере обработчик onAbort объекта Image отображает сообщение, когда пользователь прерывает загрузку изображения: IMG NAME="aircraft" SRC="f15e.gif" onAbort="alert('You didn\'t get to see t...
    Onblur
    Выполняет код JavaScript, когда возникает событие blur; то есть, если элемент формы теряет фокус или если окно или фрэйм теряют фокус. Обработчик события для Button , Checkbox , FileUpload , Layer...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Описание
    Событие blur может быть результатом вызова метода window.blur , или щелчка пользователя мышью на другом объекте или окне или перехода с помощью клавиш табуляции на клавиатуре. Для окон, фрэймов и...
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано....
    Примеры
    Пример 1: Проверка данных, введённых в форму. В следующем примере userName это необходимое текстовое поле. Если пользователь пытается покинуть это поле, обработчик onBlur вызывает функцию required...
    Onchange
    Выполняет код JavaScript, когда возникает событие change; то есть, если поле Select, Text или Textarea теряет фокус, а его значение было изменено. Обработчик события для FileUpload , Select , Text...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Описание
    Используйте onChange для проверки данных после их изменения пользователем....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано....
    Примеры
    Здесь userName этот текстовое поле. Если пользователь изменяет текст и покидает поле, обработчик onChange вызывает функцию checkValue для подтверждения верности значения userName. INPUT TYPE="text...
    Onclick
    Выполняет код JavaScript, когда возникает событие click; то есть, когда сделан щелчок по объекту или форме. (Событие click является комбинацией событий MouseDown и MouseUp). Обработчик события для...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    Свойство Описание свойства type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. Когда сделан щелчок по гиперссылке, layerX, layerY, pageX, pageY, scree...
    Описание
    Для переключателей/checkboxes, гиперссылок, радио-кнопок, кнопок reset и кнопок submit обработчик onClick может вернуть false для отмены акции, нормально ассоциированной с событием click. Например...
    Примеры
    Пример 1: Вызов функции при щелчке пользователя по кнопке. Предположим, Вы создали функцию JavaScript compute. Можно выполнить функцию compute, когда пользователь щёлкает кнопку и вызывает функцию...
    Ondblclick
    Выполняет код JavaScript при возникновении события DblClick; то есть, когда пользователь дважды щёлкнет элемент формы или гиперссылку. Обработчик события для document , Link Реализован в JavaScrip...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript. ПРИМЕЧАНИЕ: DblClick не реализован на Macintosh....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. layerX, layerY, pageX, pageY, screenX, screenY Представляет местонахождение курс...
    Пример
    Здесь диалог alert выводится, если пользователь дважды щёлкнет кнопку: form INPUT Type="button" Value="Double Click Me!" onDblClick="alert('You just double clicked me!')" /form...
    Ondragdrop
    Выполняет код JavaScript при возникновении события DragDrop; то есть, если пользователь отпустит объект в окне браузера, как при перетаскивании файлов. Обработчик события для window Реализован в J...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. data Возвращает массив строк, содержащих URL'ы отпущенных объектов. modifiers Со...
    Безопасность
    Получение свойства data события DragDrop требует привилегии UniversalBrowserRead. О безопасности см. книгу Клиентский JavaScript. Руководство ....
    Описание
    Событие DragDrop возникает тогда, когда системный объект (файл, ярлык и т.п.) отпускается в окне браузера с использование системного механизма drag and drop. Нормальной реакцией браузера будет поп...
    Onerror
    Выполняет код JavaScript при возникновении события error/ошибки; то есть, когда при загрузке документа или изображения возникает ошибка. Обработчик события для Image , window Реализован в JavaScri...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Описание
    Событие error возникает только тогда, когда возникает ошибка синтаксиса JavaScript или ошибка времени выполнения, а не при появлении ошибки браузера. Например, если Вы попытаетесь установить windo...
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано....
    Примеры
    Пример 1: Обработчик со значением Null. В этом тэге IMG код onError="null" подавляет сообщения об ошибках, если ошибка возникает при загрузке изображения. IMG NAME="imageBad1" SRC="corrupt.gif" AL...
    Onfocus
    Выполняет код JavaScript при возникновении события focus; то есть, если окно, фрэйм или набор фрэймов получает фокус или если элемент формы получает фокус. Обработчик события для Button , Checkbox...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Описание
    Событие focus может быть результатом работы метода focus, или щелчка мышью по объекту или окну, или при переходе с помощью клавиш табуляции. Выделение в поле даст событие select, а не событие focu...
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано....
    Примеры
    Здесь обработчик onFocus используется в объекте valueField Textarea для вызова функции valueCheck. INPUT TYPE="textarea" VALUE="" NAME="valueField" onFocus="valueCheck()" См. также примеры для onB...
    Onkeydown
    Выполняет код JavaScript при возникновении события KeyDown; то есть, если пользователь нажимает клавишу на клавиатуре. Обработчик события для document , Image , Link , Textarea Реализован в JavaSc...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. layerX, layerY, pageX, pageY, screenX, screenY Для события поверх окна, представ...
    Описание
    Событие KeyDown всегда возникает до события KeyPress. Если onKeyDown возвращает false, событие KeyPress не возникает. Это предотвращает появление событий KeyPress при удерживании пользователем кла...
    Пример
    Здесь использована функция blockA для вычисления символов, введённых с клавиатуры в текстовый бокс textentry. Если пользователь вводит "a" или "A", функция возвращает false, а текстовый бокс не от...
    Onkeypress
    Выполняет код JavaScript при возникновении события KeyPress; то есть, если пользователь удерживает клавишу нажатой. Обработчик события для document , Image , Link , Textarea Реализован в JavaScrip...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. layerX, layerY, pageX, pageY, screenX, screenY Для события поверх окна представл...
    Описание
    Событие KeyPress возникает сразу после события KeyDown только тогда, когда onKeyDown возвращает что-либо, отличное от false. Событие KeyPress возникает повторно до тех пор, пока пользователь не от...
    Пример
    Здесь метод captureEvents отлавливает ввод с клавиатуры, а обработчик onKeyPress вызывает функцию blockA для проверки нажатий клавиш. Если нажимаются клавиши "a" или "z", функция прокручивает окно...
    Onkeyup
    Выполняет код JavaScript при возникновении события KeyUp; то есть, если пользователь отпустил нажатую клавишу. Обработчик события для document , Image , Link , Textarea Реализован в JavaScript 1.2...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. layerX, layerY, pageX, pageY, screenX, screenY Для события поверх окна представл...
    Пример
    Здесь метод captureEvents отлавливает ввод с клавиатуры, а обработчик onKeyUp вызывает функцию Key_Up. Метод alert функции открывает диалоговое окно для отображения значения нажатой клавиши. funct...
    Onload
    Выполняет код JavaScript при возникновении события load; то есть, когда браузер закончил загрузку окна или всех фрэймов тэга FRAMESET. Обработчик события для Image , Layer , window Реализован в Ja...
    Параметры
    handlerText Код JavaScript или вызов функции JavaScript....
    Описание
    Используйте обработчик onLoad в тэге BODY или FRAMESET, например, BODY onLoad="...". Для тэгов FRAMESET и FRAME: событие обработчика onLoad во фрэйме (помещённого в тэг BODY) возникает до onLoad т...
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. width, height Для события поверх окна, но не поверх слоя/layer, эти свойства пре...
    Примеры
    Пример 1: Вывод сообщения при загрузке страницы. Здесь обработчик onLoad выводит приветствие после загрузки страницы. BODY onLoad="window.alert("Welcome to the Brave New World home page!") Пример...
    Onmousedown
    Выполняет код JavaScript, когда возникает событие MouseDown; то есть, когда пользователь нажимает клавишу мыши. Обработчик события для Button , document , Link Реализован в JavaScript 1.2...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. layerX, layerY, pageX, pageY, screenX, screenY Местонахождение курсора в момент...
    Описание
    Если onMouseDown возвращает false, акция по умолчанию (вход в режим drag, вход в режим selection или активизация гиперссылки) отменяется. Активизация вызывается событием MouseDown на гиперссылке....
    Пример
    Здесь пользователь может переместить изображение на странице HTML путём перетаскивания его с помощью мыши. Ваш код HTML определяет изображение и позиционирует его в слое с названием container1. В...
    Onmousemove
    Выполняет код JavaScript, когда возникает событие MouseMove; то есть, когда пользователь перемещает курсор. Обработчик события для Объект отсутствует. Реализован в JavaScript 1.2...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Событие
    Поскольку перемещения мыши происходят очень часто, по умолчанию onMouseMove не является обработчиком для какого-либо объекта. Вы можете явно установить его для ассоциирования с определённым объект...
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. layerX, layerY, pageX, pageY, screenX, screenY Местонахождение курсора в момент...
    Описание
    Событие MouseMove высылается только тогда, когда захват события запрашивается объектом. О событиях см. книгу Клиентский JavaScript. Руководство ....
    Onmouseout
    Выполняет код JavaScript, когда возникает событие MouseOut; то есть каждый раз выходе указателя мыши за пределы области (в клиентской карте изображений) или гиперссылки. Обработчик события для Lay...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Описание
    если указатель мыши переходит из одной области клиентской карты изображений в другую, Вы получите сначала onMouseOut для первой области, а затем onMouseOver - для второй области. Тэги Area, исполь...
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. layerX, layerY, pageX, pageY, screenX, screenY Местонахождение курсора в момент...
    Onmouseover
    Выполняет код JavaScript, когда возникает событие MouseOver; то есть всякий раз при проведении указателя мыши над объектом или областью. Обработчик события для Layer , Link Реализован в JavaScript...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Описание
    Если мышь проводится из одной области клиентской карты изображений в другую, Вы получите onMouseOut для первой области, а затем onMouseOver - для второй области. Тэги Area, использующие onMouseOve...
    Используемые свойства события
    СвойствоОписание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. layerX, layerY, pageX, pageY, screenX, screenY Местонахождение курсора в момент в...
    Примеры
    По умолчанию значение HREF якоря отображается в статусной строке в нижней части браузера, когда пользователь помещает указатель мыши над якорем. В следующем примере onMouseOver выводит специальное...
    Onmouseup
    Выполняет код JavaScript, когда возникает событие MouseUp; то есть, когда пользователь отпускает нажатую клавишу мыши. Обработчик события для Button , document , Link Реализован в JavaScript 1.2...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. layerX, layerY, pageX, pageY, screenX, screenY Местонахождение курсора в момент...
    Описание
    Если onMouseUp возвращает false, акция по умолчанию отменяется. Например, если onMouseUp возвращает false при активной гиперссылке, ссылка не включается. Итак, если MouseUp возникает при неактивно...
    Onmove
    Выполняет код JavaScript, когда возникает событие перемещения; то есть, если пользователь или скрипт перемещает окно или фрэйм. Обработчик события для window Реализован в JavaScript 1.2...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. screenX, screenY Позиция верхнего левого угла окна или фрэйма....
    Пример
    Здесь функция open_now создаёт окно myWin и захватывает события Move. Обработчик onMove вызывает другую функцию, которая выводит сообщение, когда пользователь перемещает myWin. function open_now()...
    Onreset
    Выполняет код JavaScript, когда возникает событие reset; то есть, когда пользователь восстанавливает значения элементов формы (щёлкая кнопку Reset). Обработчик события для Form Реализован в JavaSc...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Пример
    Следующий пример выводит объект Text со значением по умолчанию "CA" и кнопкой reset. Если пользователь вводит аббревиатуру названия штата в объект Text и щёлкает на кнопке reset, восстанавливается...
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано....
    Onresize
    Выполняет код JavaScript, когда возникает событие resize; то есть, когда пользователь или скрипт изменили размер окна или фрэйма. Обработчик события для window Реализован в JavaScript 1.2...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано. width, height Ширина и высота окна или фрэйма....
    Описание
    Этот обработчик высылается после завершения отображения HTML с новыми размерами внутреннего окна. Это позволяет позиционировать элементы и именованные якоря так, чтобы они имели свои запрашиваемые...
    Пример
    Здесь функция open_now создаёт окно myWin и захватывает события Resize. Обработчик onResize вызывает функцию alert_me, которая выводит сообщение, если пользователь изменяет размер окна myWin. func...
    Onselect
    Выполняет код JavaScript, когда возникает событие select; то есть, когда пользователь выделяет некоторый текст в поле text или textarea. Обработчик события для Text , Textarea Реализован в JavaScr...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано....
    Пример
    Здесь onSelect используется в Text-объекте valueField для вызова функции selectState. INPUT TYPE="text" VALUE="" NAME="valueField" onSelect="selectState()"...
    Onsubmit
    Выполняет код JavaScript, когда возникает событие submit; то есть, когда пользователь отправляет форму на сервер. Обработчик события для Form Реализован в JavaScript 1.0...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Безопасность
    Отправка формы по URL mailto: или news: требует привилегии UniversalSendMail. О безопасности см. книгу Клиентский JavaScript. Руководство ....
    Описание
    Можно использовать onSubmit для предотвращения отправки формы; для этого поместите оператор return, возвращающий false, в этот обработчик события. Любые другие значения разрешают отправку формы. П...
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано....
    Пример
    Здесь onSubmit вызывает функцию validate для вычисления отправляемых данных. Если данные верны, форма отправляется; иначе форма не отправляется. FORM onSubmit="return validate(this)" ... /FORM См....
    Onunload
    Выполняет код JavaScript, когда возникает unload; то есть, когда пользователь выходит из документа. Обработчик события для window Реализован в JavaScript 1.0...
    Параметр
    handlerText Код JavaScript или вызов функции JavaScript....
    Описание
    Используйте onUnload с тэгами BODY или FRAMESET, например, BODY onUnload="...". Относительно фрэймов и набора фрэймов - обработчик onUnload фрэйма (помещённый в тэг BODY) появляется до появления о...
    Используемые свойства события
    Свойство Описание type Указывает тип события. target Указывает объект, которому событие первоначально было выслано....
    Пример
    Здесь onUnload вызывает функцию cleanUp для выполнения некоторого процессинга при окончании работы, когда пользователь выходит из страницы (закрывает её): BODY onUnload="cleanUp()"...









Начало