читателем. Следующий скрипт демонстрирует, как это делается:
<html>
<head>
<script language='JavaScript'>window.onresize= message;
function message() {
alert('Размер окна изменен!');
}
</script>
</head>
<body>
Пожалуйста, измените размер этого окна.
</body>
</html>
В строке window.onresize= message мы задаем процедуру обработки такого события. Точнее, функция
<form name='myForm'>
<input type='button' name='myButton' onClick='alert('Click event occured!)'>
</form>
Однако Вы можете написать это и по-другому:
<form name='myForm'>
<input type='button' name='myButton'>
</form>
…
<script language='JavaScript>
document.myForm.myButton.onclick= message;
function message() {
alert('Click event occured!);
}
</script>
Можно подумать, что вторая альтернатива немного сложнее. Однако почему тогда именно ее мы используем в первом скрипте? Причина состоит в том, что объект window нельзя определить через какой-либо определенный тэг — поэтому нам и приходится использовать второй вариант.
Два важных замечания: Во-первых, Вам не следует писать
Объект Event
В язык JavaScript 1.2 добавлен новый объект Event. Он содержит свойства, описывающие некое событие. Каждый раз, когда происходит какое-либо событие, объект Event передается соответствующей программе обработки.
В следующем примере на экран выводится некое изображение. Вы можете щелкнуть где-нибудь над ним клавишей мыши. В результате появится окошко сообщений, где будут показаны координаты той точки, где в этот момент находилась мышь:
Код скрипта:
<layer>
<a href='#' onClick='alert('x: + event.x + y: + event.y); return false;'>
<img src='davinci.jpg' width=209 height=264 border=0></a>
</layer>
Как видите, в тэг
К тому же я поместил все команды в тэг <layer>. Благодаря этому мы получаем в сообщении координаты относительно данного слоя, т. е. в нашем случае относительно самого изображения. В противном же случае мы получили бы координаты относительно окна браузера.
(инструкция
Объект Event получил следующие свойства (их мы рассмотрим в следующих примерах):
Свойство — Описание
data — Массив адресов URL оставленных объектов, когда происходит событие
layerX — Горизонтальное положение курсора (в пикселах) относительно слоя. В комбинации с событием
layerY — Вертикальное положение курсора (в пикселах) относительно слоя. В комбинации с событием
modifiers — Строка, задающая ключи модификатора — ALT_MASK, CONTROL_MASK, META_MASK или SHIFT_MASK
pageX — Горизонтальное положение курсора (в пикселах) относительно окна браузера.
pageY — Вертикальное положение курсора (в пикселах) относительно окна браузера.
screenX — Горизонтальное положение курсора (в пикселах) относительно экрана.
screenY — Вертикальное положение курсора (в пикселах) относительно экрана.
target — Строка, представляющая объект, которому исходно было послано событие.
type — Строка, указывающая тип события.
which — ASCII-значение нажатой клавиши или номер клавиши мыши.
x — Синоним layerX
y — Синоним layerY
Перехват события
Одна из важных особенностей языка — перехват события. Если кто-то, к примеру, щелкает на кнопке, то вызывается программа обработки события
