Язык DHTML (Dynamic HTML)

Стандартные события


ОБРАТИТЕ ВНИМАНИЕ: события для некоторых HTML элементов , которые описаны здесь поддерживаются некоторыми версиями Netscape и более поздними версиями Internet Explorer Чтобы использовать браузер v4. 0 создавая сценарии, удостовертесь, что ваши потенциальные клиенты используют требуемую версию браузера, или они были перенанаправлены соответственно на нужную страницу.

Событие onclick может использоваться, чтобы выполнить функции сценария, когда пользователь нажимает на специфический элемент. Internet Explorer 4.0 поддерживает это событие почти для всех HTML элементов, в то время как Netscape и более ранние версии Internet Explorer поддерживают это только в некотрых элементах (типа links, image map и т.д.). См. порядок событий onmouse* для деталей .

Cобытие ondblclick происходит, когда пользователем осуществляются двойные щелчки на специфическом элементе (почти все элементы для Internet Explorer 4.0). Например, следующая ссылка не отвечает на одиночно нажимание - нормальным способом, но двойное нажатие направляет к новому документу.

Это событие для Internet Explorer 4.0 и выше и Netscape 4.0 и выше.

Netscape 3.0 полностью поддерживает onclick событие и , но не поддерживает ondblclick событие, поэтому для пользователей Netscape 3.0 , ссылка будет полностью мертва. Пользователи Internet Explorer 3. 0x получили бы ошибку создания сценария.

<A HREF="other_page.htm" onclick="javascript:return false" ondblclick="self.location.href ='other_page.html'">ссылка</A>

<a HREF="#Eventondragstart" class="ixx"
    LANGUAGE="VBscript" TITLE="Пример OnDragStart"
	 ID="egOnDragStartLink"
    OnClick="self.event.returnValue=false"
	 TARGET="HTMLib_content">Drag me</a><br>
	
    <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></p>

Cобытие onhelp обратите внимание, что объект должен в настоящее время быть выделенным. Простой пример, следующая ссылка отвечает только на двойное нажатие (см. ondblclick выше), и обеспечивает сообщение 'справки' озадаченному пользователю, который один раз нажимает ссылку ( в том случае если он нажимает клавишу F1 что бы получить ответ почему ничего не произошло после нажатия на ссылку).

<A HREF="other_page.htm" LANGUAGE="Javascript" onclick="return false" onhelp="alert ('Дважды нажмите на ссылку, что бы открыть документ.');return false" ondblclick="self.location.href= 'other_page.htm'">ссылка</A>

Cобытие onkeydown Используется при нажатии и держании клавиши.

Cобытие onkeypress Используется при нажатии клавиши.

Cобытие onkeyup Используется при отпускании клавиши.

ВНИМАНИЕ: свойство KeyCode содержит символ клавиши (UNICODE) , которая была нажата, чтобы заставить события onkeypress , onkeydown или onkeyup работать.

Cобытие onmousedown , когда пользователь нажимает кнопку на мыши.
См. порядок событий onmouse* для деталей .

Событие onmousemove происходит всякий раз, когда мышь пользователей перемещается поверх некоторого места в документe. Обратите внимание, при исполнении события onmousemove , необходимо отменить так называемое событие bubbling , чтобы все работало правильно. Например, рассмотрите:

<P onmousemove="top.status='Обычный текст.'">Вот например немного <EM onmousemove="top.status='КУРСИВ.'">курсивчиком </EM> написано</P>

<P onmousemove="top.status='Обычный текст.'">Вот например немного <EM onmousemove="top.status='КУРСИВ.';
self.event.cancelBubble=true"> курсивчиком </EM> написано</P>

Cобытие onmouseout стартует , когда мышь пользователей оставляет область, определенную элементом. См. порядок событий onmouse*

Cобытие onmouseover стартует , когда мышь пользователей входит в область, определенную элементом.

Cобытие onmouseup может использоваться, чтобы выполнить функции сценария после того, как мышь пользователей была нажата и отпущена - противоположность события onmousedown . порядок событий onmouse*

Cобытие onselectstart исполняется всякий раз, когда пользователь начинает выбирать некоторый текст, который является содержанием элемента. Например, выбор любого из текста в белом параграфе ниже заставляет изменяться его стиль.

Порядок событий onmouse*

onmouseover
onmousemove
onmouseout

onmouseover
onmousemove
onmousedown
onmouseup
onclick
ondblclick
onmouseout

Так что любые функции сценария, выполненные событиями onmousedown или onmouseup произошли бы перед событиями onclick или ondblclick .