将点击 Function 更改为 hover (Vanilla Javascript)

Question

我正在使用这段代码：

document.addEventListener("DOMContentLoaded", function(event) {

    document.getElementById("div#logo1").onclick = function(){
        hideAllImages();
        document.getElementById("01").style.display="block";
        removeNavHighlight();
        document.getElementById("div#logo1").classList.add("my_active");
    };
    
    document.getElementById("div#logo2").onclick = function(){
        hideAllImages();
        document.getElementById("02").style.display="block";
        removeNavHighlight();
        document.getElementById("div#logo2").classList.add("my_active");
    };
        document.getElementById("div#logo3").onclick = function(){
        hideAllImages();
        document.getElementById("03").style.display="block";
        removeNavHighlight();
        document.getElementById("div#logo3").classList.add("my_active");
    };

function hideAllImages() {
    var items = document.getElementsByClassName('changing_text');
    var itemsLen = items.length;
    for(var i = 0; i < itemsLen; i++) {
        items[i].style.display="none";
    }
}});

单击事件可以正常工作，但是当我将 hover 转换为元素时，我想将其转换为功能。

这个 function 必须做什么：例如，当我在图像上的 hover 必须出现其他元素并且必须隐藏之前的元素时。

这是香草 Javascript 代码。

有什么建议么？ 试图将.onclick 更改为.onmouseover 但不工作

谢谢

Answer 1

这不是.mouseover 它是.onmouseover

Answer 2

用.onmouseover替换.onclick对你有用吗？

Answer 3

这些函数的格式始终为on<event> 。 正如其他答案已经说过的那样，它应该是.onmouseover 。 请注意，如果您使用addEventListener function 添加事件侦听器，您将使用mouseover 。