Question

我尝试制作一个程序，当某人将鼠标悬停在该点上时，该程序基本上显示一个点的坐标，然后当鼠标指针离开该元素时使其消失。我试图用警报框来做这件事，但似乎并不是一种简单的方法来关闭它们。我环顾四周，人们已经说过使用DIVS，但我不知道从哪里开始。这是一个介绍性的编程课程，所以请不要Jquery，只有纯JavaScript。

     for (i = 0; i < x.length; i++) {
            document.getElementById("point" + i).style.left = x[i] + "px";
        }
        var html;
        html = "";
        for (i = 0; i < x.length; i++) 
        {
            document.getElementById("point" + i).onmouseover = onmouseover;
        }
    }

};
function onmouseover() {
    var x;
    x = window.alert("X: " + this.style.left + " ," + "Y: " + this.style.top);
    this.onmouseover = function () { setHTML(element, x) };
}

Answer 1

在页面末尾放置一个带有特定ID的div，并使用CSS将其置于绝对位置（您需要相应地调整顶部和左侧）...

<div id="alert" style="position:absolute; top: 50px; left: 50px; display: none;"></div>

...然后在您的Javascript中，您可以显示并隐藏您的div，而不是调用警报。

document.getElementById("alert").style.display = "block"; // display the div

document.getElementById("alert").style.display = "none"; // hide the div

您也可以将位置置于光标位置之外，而不是根据需要将其固定。 How to get mouse pointer position using javascript for internet explorer?

如何在不使用警报的情况下提醒DIV的内容？

1 个答案: