Идёт загрузка страницы...

htp://aptem.net.ru





    События.

    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>

    При загрузке документа в статусной строке одна информация, при попадании указателя мыши в область ссылки - другая, а после выхода указателя мыши из этой области - третья.


Вернуться?

Перейти к разделу "Учебники по HTML"