我試圖了解不同的解決方案，但它們似乎都不適用于我的項(xiàng)目。我得到的最遠(yuǎn)的是這個(gè)；function onBackButtonHover() {    const backButton = document.getElementById("page-controls").querySelector(".fas");    $(backButton).removeClass();    $(backButton).addClass("fas fa-arrow-left");    $(backButton).mouseout(function(){        console.log("Hello.");    });}page-controls .navbar-brand {    background-color: #54aaff;    position: absolute;    left: 0;    top: 0;    bottom: 0;    width: 56px;    padding: 0;    margin: 0;    text-align: center;    color: #fff;    transition: transform .25s ease-in-out;}#page-controls .navbar-brand:focus, #page-controls .navbar-brand:hover {    color: #fff;    transform: scale(.85);}#page-controls .navbar-brand .fas {    font-size: 32px;    margin: 12px auto;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><link href="//dfzlwjdb9r0y9.cloudfront.net/fa/css/all.css" rel="stylesheet"><a id="backButton intranet" class="navbar-brand" href="/dashboard" onmouseover="onBackButtonHover()">    <i class="fas fa-user-lock"></i></a>但是這里的問(wèn)題是我不知道如何在不使用靜態(tài)類的情況下將圖標(biāo)恢復(fù)正常，一旦它被更改。我想避免使用靜態(tài)類，因?yàn)橄嗤哪_本會(huì)在具有不同圖標(biāo)的頁(yè)面上運(yùn)行，因此類會(huì)因頁(yè)面而異。另一個(gè)問(wèn)題似乎是腳本在一次鼠標(biāo)懸停期間運(yùn)行了多次，如圖console.log所示。我的目標(biāo)是簡(jiǎn)單地將當(dāng)前圖標(biāo)更改fa-arrow-left為懸停鏈接時(shí)的圖標(biāo)，并在完成后將其切換回原始圖標(biāo)。該解決方案還應(yīng)該涵蓋移動(dòng)用戶，因此它也必須注冊(cè)一個(gè)觸摸輸入——我應(yīng)該如何處理這個(gè)問(wèn)題？