Question

我有一个页面有各种div框，点击时会改变颜色，然后我需要在后面的页面上获取这些框的颜色，所以我使用本地存储。

问题是用户可能永远不会实际单击该框来更改其颜色，因此应该保存它的初始颜色（因此在加载时调用该函数）。

但是在加载时，没有任何东西被保存到指定的存储器中，我点击它改变颜色的框，仍然没有保存。在第三次单击时，RGB颜色将保存到本地存储，但我需要立即保存。

以下是我的缩写代码。感谢

        <body onload="PremiershipClicked()">

    <div class="Row">
            <div class="League" id="Premiership" onclick="PremiershipClicked()">Premiership</div>
            <div class="League" id="Championship" onclick="ChampionshipClicked()">Championship</div>
    </div>

        </body>
<script>
function PremiershipClicked()
    {
      var color = document.getElementById("Premiership").style.backgroundColor;
      localStorage.setItem("PremiershipColour", color);
    }
</script>

功能在加载时无法正常运行

0 个答案: