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