Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
лекции.rtf
Скачиваний:
115
Добавлен:
15.06.2014
Размер:
24.67 Mб
Скачать

4.6.4 Объект event

Объект event позволяет скрипту получить детальную информацию о произошедшем событии и выполнить необходимые действия.

Объект event доступен только во время самого события. Более того, обращаться к нему можно только из обработчиков событий (функций).

Таблица 4.14– Свойства объекта

свойство

значение

srcElement

Позволяет узнать источник события. Это свойство является объектом и само содержит огромное число свойств, описывающих источник, на котором произошло событие. Например:

srcElement.tagName -- имя тега

srcElement.type -- значение атрибута type

type

Строка, содержащая тип события.

<FORM>

<INPUT type="button" value="type"

onclick="alert(event.type)">

</FORM>

clientXclientY

Координаты события относительно начала окна, в котором браузер показывает документ.

screenXscreenY

Координаты события относительно начала экрана монитора.

<IMG src=pic/explorer.gif width=125 height=82

border=1 alt=Испытатель

onClick="alert(event.screenX+','+event.screenY)">

offsetXoffsetY

Координаты события относительно тега, на котором произошло событие.

xy

Координаты события относительно начала документа в окне, в котором браузер показывает документ. Начало документа может быть существенно "выше" верхней границы окна и "левее" его левой границы, если работают линейки протяжки.

button

Число, указывающее нажатую кнопку мыши.

<FORM>

<INPUT type="button" value="button"

onMouseDown="alert(event.button)">

</FORM>

keyCode

Код нажатой клавиши.

altKeyctrlKeyshiftKey

Код нажатой клавиши.

<FORM>

<INPUT type=button value="Спецклавиши"

onKeyDown="this.form.Alt.value=event.altKey;

this.form.Ctrl.value=event.ctrlKey;

this.form.Shift.value=event.shiftKey;"

onKeyUp ="this.form.Alt.value='';

this.form.Ctrl.value='';

this.form.Shift.value='';">

Alt<INPUT name=Alt type=text value="" size=7>

Ctrl<INPUT name=Ctrl type=text value="" size=7>

Shift<INPUT name=Shift type=text value="" size=7>

</FORM>

returnValueIE4

Позволяет запретить или разрешить действие, предписанное элементу.

<A href="event01.htm"

onClick="event.returnValue=confirm('Перейти?')"

>Переход на другой документ</A>

4.6.5 Объект history

Объект history содержит информацию об адресах страниц, которые посещались в текущей сессии браузера. Эта информация хранится в списке History, длина которого содержится в свойстве length.

Таблица 4.15– Свойства объекта

параметр

значение

length

Свойство length содержит число элементов списка History, то есть число разных страниц, которые загружал браузер в свое окно во время текущего сеанса.

Таблица 4.16 – Методы объекта

метод

описание

back()

Загружает предыдущую страницу из списка History.

forward()

Загружает следующую страницу из списка History.

go(n)

Загружает n-ю страницу из списка History по отношению к текущей. Целое число n может быть положительным, отрицательным или нулем:

n < 0 -- загружаются предыдущие страницы из History;

n = 0 -- перегружается текущая страница;

n > 0 -- загружаются следующие страницы из History

Например, history.go(-1) эквивалентно history.back(), а history.go(1) эквивалентно history.forward().

Соседние файлы в предмете Программирование для Web