23

Главная - javascript - Мышь

В чем отличие mouseover и onmouseover

Пример работы скрипта : «В чем отличие mouseover onmouseover»
Скрипт № 47.20
Cкачать архив «В чем отличие mouseover onmouseover»
Всего скачали 9 раз/а.

В чем отличие события mouseover и onmouseover –вроде пишутся похоже, и результат действия аналогичный, но в чем между ними различение!?
Если вы первый раз встречаетесь с этими двумя событиями mouseover и onmouseover, вернее с одним написанным по-разному, то сложно понять в чем разница меду ними!?

Просто запомните mouseove - используется вместе с методом addEventListener который назначает обработчика событий.
Наверняка вы ничего не поняли! Как и я! В чем отличие mouseover и onmouseover
Давайте попробуем разобраться!
1. onmouseover

Использование onmouseover в HTML:

<element onmouseover="myScript">

1.HTML код:

<div onmouseover="myFoo()" id="first">Проведи здесь</div>

1.Script код:

<script>var first=document.querySelector('#first'); function myFoo(){ first.innerHTML='Вы провели надо мной!';} </script>
Обращаю ваше внимание на расположение... спрерва HTML, потом скрипт! В такой конструкции нельзя располагать в head - будет ошибка!
1.Результат:
Проведи здесь

2. onmouseover В JavaScript:
object.onmouseover = function(){myScript};

2.HTML код:

<block>block</block>

2.Script код:

window.onload = function ()
{
var block = document.querySelector('block');
block.onmouseover = function(e) { block.innerHTML = "Координаты курсора мыши: "+e.pageX+"x"+e.pageY; }
}
window.onload - срабатывание скрипта после загрузки страницы.
2.Результат: block

3. mouseover Использование mouseover + addEventListener
object.addEventListener("mouseover", myScript);

3.HTML код:

<div id="block"</div>

3..Script код:

document.getElementById("block").addEventListener("mouseover", myNewFoo);
function myNewFoo(e)
{
msg.innerHTML = "Координаты курсора мыши: "+e.pageX+"x"+e.pageY;
}
3.Результат:

Наведите курсор мыши над элементом




P.S. Этот, эти примеры и вообще весь сайт делается для того, чтобы вы могли понять, как это должно работать!
Потому, что я помню, как сам барахтался в этом море информации!
Не забывай о ближних своих!
Помогай им!
И не забывай тех, кто помог тебе!
Просто скажи спасибо!
Любая твоя реакция, на представление материалы очень важна для нас!
Не молчи! напиши что-то!(В рамках приличия конечно)


Нашел ошибку - напиши в коментах! У нас происходит большая чистка контента и приведение его к одному шаблону!
Если увидел ошибку – не поленись – напиши в коментах!
Мы очень Вам благодатны за вашу активную позицию!
Поделиться :
Оставить комментарий:
Всего комментариев : 0 PRO DW
+
=


PRO DW
Проголосовать: (Рейтинг звездный)
Еще никто не проголосовал
Может послушаем немного музыки!?