Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как узнать наведён или нет. (https://javascript.ru/forum/dom-window/29088-kak-uznat-navedjon-ili-net.html)

Грабовский 14.06.2012 14:08

Как узнать наведён или нет.
 
Ситуация такая:

Есть 2 div'a первый div с id=kont, второй div с id=kont2.
Наводим курсор на kont и после увода курсора как с помощью JS или jQuery узнать
наведен ли курсор на kont2 или нет?
Т.е. с помощью if () {}

tadjik1 14.06.2012 14:11

http://javascript.ru/tutorial/events...ut-i-mousemove

Грабовский 14.06.2012 14:18

Это я знаю.

Я наверное не правильно описал ситуацию...

Нужно узнать наведён или нет после определённой ситуации.

В частности: Наводим на один элемент div id=kont, после увода от kont нужно проверить в данной ситуации наведен на kont2 или нет.

Deff 14.06.2012 15:06

Грабовский,
Протейшее - по наводке на первый элемент - устанавливаем флаг в глобальной переменной - при наводке на следущий - проверяем - есть ли флаг - нет - выход без действия

bes 14.06.2012 15:15

Вариант Deff-а наверное самый простой, если в window.onload, то флаг устанавливаться будет и не в глобальной переменной.

Можно и так:
<style>
  #first {
    width: 20%; 
    background: lightgrey;
    margin: 2%;
  }

  #second {
    width: 20%;
    background: red; 
  }
</style>


<div id='first'>first</div>
<div id='second'>second</div>

<script>
window.onload = function () {//onload begin
  var first = document.getElementById('first');
  var second = document.getElementById('second');

  first.onmouseout = function () {
 
    document.onmousemove = function (e) {
      e = e || window.event;
      var element = document.elementFromPoint(e.clientX, e.clientY);
      if (element == second) {
         alert('ушли с первого пришли на второй');
         document.onmousemove = null;
      }
    }

  }

}//onload end
</script>


Часовой пояс GMT +3, время: 18:41.