INTERNET-WEB.RU
Обучение работе с ПК
Операционные системы
Флеш (Flash)

События

События, определенные для всех элементов



События, определенные для части элементов


Следующая таблица показывает события, которые возникают для соответствующих объектов HTML-документа.


Необходимость обработки событий включается в тэги соответствующих элементов по следующему образцу:

<input type = submit onclick = showltem)); value = "Buy Item"

name = btnBuy >

В примере приведен тэг для клавиши Submit формы. Традиционно при нажатии на данную клавишу данные должны передаться на информационный сервер в соответствии с параметрами, указанными в заголовке формы. Однако в описание тэга кнопки включен обработчик для нажатия на нее (событие onclick). Поэтому вместо передачи данных будет исполняться функция с именем showItemOПриведем пример, иллюстрирующий использование событий. Включите в HTML-документ следующий фрагмент:

<FORM>

<input type = "button" name = "buttonl" value = "Text"

onClick = "window. status =This is test ">

<input type = "button" name = "button2" value = "Erase"

onClick = "window. status= ">

</FORM>

<A HREF=# onMouseOver = "window, status =Mouse

over!;return true" > onMouseOver Test </A>

Откройте в программе просмотра документ с данным фрагментом. Если щелкнуть мышью по клавише с надписью Text, то в строке состояния программы просмотра (внизу окна) появится сообщение This is test; если нажать мышью на клавишу с надписью Erase, то строка состояния очистится.

/gKj Обратите внимание на гиперссылку. В качестве адреса гиперссылки *-— указан символ «#». Этот прием часто используется, когда надо сформировать фиктивную ссылку.

Когда курсор мыши будет находиться над гиперссылкой, в строке состояния появится сообщение Mouse over!

Обратите внимание, что сообщения в строке состояния сохраняются до тех пор, пока они не будут заменены новым сообщением. Если вы хотите, чтобы сообщение, которое появляется при нахождении курсора над гиперссылкой, автоматически исчезало при перемещении мыши, то следует добавить в тэг гиперссылки и обработку события onMouseOut, например, так:

<А HREF = # onMouseOver = "window, status = Mouse

over!; return true" onMouseOut = "window, status = "">

onMouseOver Test </A>

feS Так как программа просмотра показывает в окне состояния адрес ~- гиперссылки, то использован дополнительный код return true,

чтобы заблокировать эту информацию и показывать только нужное

А следующий пример запрещает копирование элемента документа в буфер:

<div oncopy = "return false">

текст

</div>

Тэги <div> в этом примере создают некий участок документа, для которого событию опсору назначается код возврата false. При такой записи обработки события программа не будет выполнять операции копирования.

Следующие примеры используют различные способы записи обработки событий: в тэге элемента, в варианте использования VisualBasic и как метод объекта document. Во всех случаях эффект будет один и тот же — изменение цвета заголовка после щелчка по нему мышью .

 Способ 1

<Н1 onClick document. all. HI. style. color = "red">Click!</Hl>

 Способ 2

<SCRIPT FOR=HI EVENT="onClick "> document. all. HI. style. color = "red" </SCRIPT> <Hl>Click!</Hl>

а Способ 3

<SCRIPT>

document. all. HI. style. color. onClick = "red"

</SCRIPT>

<Hl>Click!</Hl>

© 2009 internet-web.ru. All Rights Reserved