OnClick |
Реагирует на одинарный щелчок курсора мыши.
<A HREF="#null" OnClick="alert('Пример события OnClick'); return false" LANGUAGE="Javascript"> Пример </A> |
OnDblClick |
Реагирует на двойной щелчок курсора мыши.
<A HREF="#null" OnClick="return false" OnDblClick="alert('Пример события OnDblClick')" LANGUAGE="Javascript"> Пример </A> |
OnDragStart |
Реагирует на перетаскивание курсором мыши.
<A HREF="#Eventondragstart" LANGUAGE="VBscript" ID="egOnDragStartLink" OnClick="self.event.returnValue=false" TARGET="HTMLib_content"> Пример </A>
<script LANGUAGE="VBScript"> <!-- Sub egOnDragStartLink_OnDragStart egOnDragStartLink.innerText="Поперетаскивать захотелось ?" self.event.returnValue=false l=setTimeOut("ResetOnDragStartExample()",3000) End Sub Sub ResetOnDragStartExample() egOnDragStartLink.innerText="Еще хочется ?" End Sub //--></script>
Заданное по умолчанию действие перемещения было отменено. Нормальное действие должно было бы загрузить документ, вызванный ссылкой .
|
OnHelp |
При одинарном щелчке курсором мыши можно нажать кнопку F1, при этом отобразится подсказка с инструкциями о том, что данная ссылка реагирует на двойной щелчок курсором мыши.
<A HREF="other_page.html" LANGUAGE="Javascript" onclick="return false" OnHelp="alert('Дважды нажмите ссылку, что бы документ открылся.');return false" ondblclick="alert('Это просто пример - ничего не откроется...')"> Пример </A> |
OnKeyDown |
Реагирует при нажатии и держании клавиши.
<A HREF="#null" OnKeyDown="alert('Пример события OnKeyDown')" LANGUAGE="Javascript"> Пример </A> |
OnKeyPress |
Реагирует при нажатии клавиши.
<A HREF="#null" OnKeyPress="alert('Пример события OnKeyPress')" LANGUAGE="Javascript"> Пример </A> |
OnKeyUp |
Реагирует при отпускании клавиши.
<A HREF="#null" OnKeyUp="alert('Пример события OnKeyUp')" LANGUAGE="Javascript"> Пример </A> |
KeyCode |
Содержит символ клавиши (UNICODE) , которая была нажата, чтобы заставить события onkeypress, onkeydown или onkeyup работать. |
OnMouseDown |
Реагирует на нажатие кнопки мыши.
<A HREF="#null" OnMouseDown="alert('Пример события OnMouseDown')" LANGUAGE="Javascript"> Пример </A> |
OnMouseMove |
Реагирует всякий раз, когда мышь пользователя перемещается поверх определенного текста в документe. В следующем примере, когда пользователь проводит по тексту курсором мыши, в статустной строке отображается разный текст:
<p onmousemove="top.status='Здесь ПЕРВЫЙ комментарий...'" STYLE="cursor:default" ALIGN="center"> Здесь первый комментарий, <em onmousemove="top.status='Здесь ВТОРОЙ комментарий...';self.event.cancelBubble=true;return true"> здесь второй</em>, и снова первый.</p>
Здесь первый комментарий, здесь второй, и снова первый. |
OnMouseOut |
Реагирует когда курсор мыши оставляет ссылку.
<A HREF="#null" OnMouseOut="alert('Пример события OnMouseDown')" LANGUAGE="Javascript"> Пример </A> |
OnMouseOver |
Реагирует когда курсор мыши пользователя входит в область ссылки.
<A HREF="#null" OnMouseOver="alert('Пример события OnMouseOver')" LANGUAGE="Javascript"> Пример </A> |
OnMouseUp |
Может использоваться, чтобы выполнить функции сценария после того, как мышь пользователя была нажата и отпущена - противоположность события OnMouseDown.
<A HREF="#null" OnMouseUp="alert('Пример события OnMouseUp')" LANGUAGE="Javascript"> Пример </A> |
OnSelectStart |
Исполняется всякий раз, когда пользователь начинает выбирать некоторый текст, который является содержанием элемента.
<table BORDER="8" BgColor="red" WIDTH="65%" cellspacing=8> <tr><td> <p ID="paraSelectStart">Выбор любого элемента из этого текста заставит изменять его цвета ... иногда дико <script LANGUAGE="VBScript"> <!-- Sub paraSelectStart_onselectstart() Dim hexColor Dim hexColor2 hexColor=hex(rnd*16777215) if hexColor>"ffffff"then hexColor="ffffff" hexColor2=hex(rnd*16777215) if hexColor2>"ffffff"then hexColor2="ffffff" on error resume next set elRef=document.all("paraSelectStart") elRef.style.backgroundColor=hexColor elRef.style.color=hexColor2 self.event.returnValue=false End Sub //--> </script> </td></tr> </table>
Выбор любого элемента из этого текста заставит изменять его цвета
| |
Пример совместной работы событий OnMouseOver, OnMouseOut и свойства status :
<A HREF="#null" onMouseOver="status='Добро пожаловать !' ;return true" onMouseOut="status='Домашняя страничка Владимира Дригалкина' ;return true"> Пример </A>
При загрузке документа в статусной строке одна информация, при попадании указателя мыши в область ссылки - другая, а после выхода указателя мыши из этой области - третья.
|