Описание
Атрибут onmouseover является одним из наиболее часто используемых атрибутов событий. Он фиксирует момент, когда курсор пересекает границу элемента, перемещаясь снаружи внутрь элемента, к которому применяется атрибут. Он отличается от атрибута onmousemove , который используется для обнаружения движения в границах элемента. Когда курсор расположен над элементом, событие onmouseover остается активным до тех пор, пока курсор не переместится за границы элемента — событие, которое может перехватить атрибут onmouseout .
Атрибут onmouseover в основном используется для визуализации визуальных эффектов, таких как обмен изображениями или изменение цвета, и использовался таким образом почти столько же времени, сколько существовал JavaScript.
Обратите внимание, что этот атрибут события нельзя применить к следующим элементам:
- апплет
- база
- BASEFONT
- БДО
- уш
- шрифт
- Рамка
- фреймы
- голова
- HTML
- IFrame
- ISINDEX
- мета
- пары
- скрипт
- стиль
- заглавие
пример
Пример ниже показывает простой
метод обмена изображениями, при котором наложение изображения приводит к
измените на тот, который показывает местоположение на карте:
<DIV> <img src = "map.gif" alt = "Наведите указатель мыши, чтобы показать местоположение на карте" OnMouseOver = "this.src = 'map_location_revealed.gif';" onmouseout = "this.src = 'map.gif';" /> Цифры февральских гонок. </ DIV>
Значение
Этот атрибут не имеет фиксированного значения. Автор должен решить, какой сценарий включен, будь то вызов одной или нескольких определенных функций или простой оператор alert ().
Совместимость
| Internet Explorer | Fire Fox | Сафари | опера | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5,5 | 6,0 | 7,0 | 1,0 | 1,5 | 2,0 | 1,3 | 2,0 | 3.0 | 9,2 | 9,5 |
| Полный | Полный | Полный | Полный | Полный | Полный | Полный | Полный | Полный | Полный | Полный |
Каждый перечисленный браузер поддерживает этот атрибут. Однако таких встроенных обработчиков событий следует избегать. Точно так же, как встроенные стили CSS не одобряются, но внешне определенные стили CSS считаются хорошей практикой, встроенные обработчики событий следует удалять и заменять событиями, незаметно присоединяемыми через DOM.