javascript - “onmouseover”中的对象屏幕关闭

Question

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

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

Answer 1

如果我理解你的问题，这里有一些 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，因此您必须根据您的特定需求进行编辑。