Сайт посвященный WEB Дизайну
Статьи по:





Rambler's Top100

Автоматическая регистрация. Простая установка. Подробная статистика.

Закажи рекламу на Rambler.ru, Mail.ru, Aport.ru! От 5 долларов за все!

JavaScript: события

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>

Выбор любого элемента из этого текста заставит изменять его цвета

Hosted by uCoz