Проверьте, находится ли мышь над div

Question

Как я могу проверить, есть ли мышь над div на моем веб-сайте? Мне нужна постоянная проверка. Если мышь находится над содержимым div, а когда нет, содержимое исчезает.

Входящий контент должен также включать/разрешать ссылки.

Answer 1

SHOW DEMO

JQuery:

$(document).on({ 

    mouseenter: function() { 

     alert("Hello"); 

    }, 
    mouseleave: function() { 

     // alert("Bye"); 
    } 
}, "#div"); 

Answer 2

просто проверить $(select).is(':hover')

Answer 3

чекаут Css :hover вариант link. Вы можете использовать его как стиль, который вы можете применить к divs, ссылкам, независимо от того, что вам нужно. Это триггеры, когда мышь находится над элементом.

Answer 4

Со стилем CSS (самый простой способ) Так, например, когда мы мыши над, фон изменится на синий цвет

В странице:

<div id="my_div">This text is in my div!</div> 

В файле CSS:

#my_div { 
background-color: white; 
} 

#my_div:hover { 
background-color: blue; 
} 

Конечно, вы также можете проверить это с помощью javascript.

Answer 5

Вы можете сделать это без JavaScript, если хотите. Div отвечают на псевдокласс класса :hover.

Вы могли бы сделать что-то вроде:

#myCoolDiv { 
    /*Styles go here*/ 
    display: none; 
} 
#myCoolDiv:hover { 
    display: block /*Or whatever display type you want*/ 
} 

Конечно, это сделает ДИВ полностью исчезнуть. Вы можете просто назначить зависание определенному тексту внутри div, если вы хотите, чтобы его часть была видимой, а некоторые из них были невидимыми до наведения.

Подробнее о зависании over on MDN.

Answer 6

я финансировать этот код здесь, но это только дает мне позицию мыши в окне, а не по отношению к DIV

<script language="JavaScript"> 
     var IE = document.all ? true : false; 
     if (!IE) { 
      document.captureEvents(Event.MOUSEMOVE) 
     } 

     document.onmousemove = getMouseXY; 

     var tempX = 0; 
     var tempY = 0; 

     function getMouseXY(e) { 
      if (IE) {// grab the x-y pos.s if browser is IE 
       tempX = event.clientX + document.body.scrollLeft; 
       tempY = event.clientY + document.body.scrollTop; 
      } else {// grab the x-y pos.s if browser is NS 
       tempX = e.pageX; 
       tempY = e.pageY; 
      } 
      if (tempX < 0) { 
       tempX = 0; 
      } 
      if (tempY < 0) { 
       tempY = 0; 
      } 
      document.Show.MouseX.value = tempX; 
      document.Show.MouseY.value = tempY; 
      return true; 
     } 
    </script>