События, связанные с мышью

Click – щелчок мышью при наведении указателя на определенный объект.

DblClick – двойной щелчок при наведении указателя мыши на объект.

MouseOver – наведение указателя мыши на ссылку, рисунок или другой объект HTML-документа.

MouseOut – удалении указателя из области.

MouseMove – произвольное перемещение указателя мыши.

По умолчанию обработчик события onMouseMove не активен, т. к. пользователь постоянно перемещает указатель мыши.

MouseDown – нажатие пользователем на кнопку мыши.

MouseUp – отпускание пользователем кнопки мыши.

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

Рассмотрим выражение Window.event.srcElement.tagName

Свойство srcElement определяет элемент документа, являющегося источником события. Свойство tagName представляет имя тега документа. Это свойство можно получить, но нельзя изменить, так как свойство доступно только для чтения. При выполнении оператора присваивания в переменной cur сохраняется значение уникального имени изображения: cur= Window.event.srcElement.id

Свойства clientX и clientY представляют координаты курсора мыши относительно области отображения экрана.

Для событий, связанных с мышью, определяются свойства, значениями которых являются координаты мыши в момент возникновения события. Некоторые свойства представляют целое множество свойств объекта, такие свойства являются наборами. Свойство style — одно из таких свойств. Оно содержит все свойства каскадных таблиц стилей, применяемых к соответствующему элементу, которые можно задавать в параметрах style элемента.

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

Свойство cancelBubble аннулирует событие и прекращает его обработку, если задать ему значение, равное true. Далее событие не существует и обработчики событий для всех, расположенных выше элементов, не вызываются.

Свойство returnValue является булевым и возвращает значение true или false после выполнения события. При передаче вверх по иерархии значение этого свойства можно использовать при обработке события. Если в обработчике событий элемента, для которого определено действие по умолчанию, устанавливается свойство returnValue равным false, то это отменяет выполнение действий по умолчанию.