“鼠标悬停”中的对象屏幕关闭

Object screenoff in "onmouseover"

本文关键字：对象 屏幕 鼠标 悬停 鼠标悬停      更新时间：2023-09-26

下面的代码显示了鼠标悬停在链接上的窗口。我想知道如何使这个窗口出现在单词的顶部，当它不"适合"在屏幕上时。

function showLayer(obj){
        var div = document.getElementById(obj).style;
        div.display = "block";
}

如果我理解你的问题，这里有一些jquery可以提供帮助（也替换showLayer()）

$(document).on("mouseenter", '#myElement', function () {
    $("#" + obj).toggle();
});
$(document).on("mouseout", '#myElement', function () {
    $("#" + obj).toggle();
});
$(document).on("mousemove", '#myElement', function (i) {
    $("#" + obj).offset(function () {
        return {left: i.pageX, top: i.pageY}
    });
});

我不确定您如何获得obj的值，因此您必须根据特定需要进行编辑。

相关文章：