Question

如何查看我的网站上是否有鼠标悬停在div上？我需要不断的验证。如果鼠标结束，则显示div内容，如果不显示，则内容消失。

显示的内容还需要包含/允许链接。

Answer 1

只需查看$(select).is(':hover')

即可

Answer 2

如果您愿意，可以在没有JavaScript的情况下执行此操作。 Div响应:hover伪类。

您可以执行以下操作：

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

当然，这将使div完全消失。您可以将悬停分配给div中的某些文本，如果您希望其中某些文本可见，并且其中一些文本在悬停之前不可见。

有关悬停over on MDN的详细信息。

Answer 3

SHOW DEMO

jQuery的：

$(document).on({

    mouseenter: function () {

        alert("Hello");

    },
    mouseleave: function () {

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

Answer 4

我在这里为这段代码提供资金，但是这只给了我鼠标位置，在窗口中，而不是相对于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>

Answer 5

结帐css :hover选项link。你可以将它作为一种风格，你可以应用于div，链接，无论你需要什么。当鼠标悬停在元素上时触发。

Answer 6

用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检查它。

检查鼠标是否在div上

6 个答案: