將點擊 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 。