javascript - 用 onClick 改变 onClick

Question

对于我正在编写代码的网站，我有一个界面，其中一个位置包含 4 张图片:一张用于标准、悬停、点击和购买。它目前的工作方式是，当标准图像悬停在上方时，它会切换到悬停图像。单击悬停图像时，它会切换到单击图像。但我一直在努力让 Bought 图片在点击时显示出来。代码:

     <script>
        function on1() {
            var x = document.getElementById("1");
            x.src = "Hover1.png"; 
            x.style.width = "31%";
        }   
        function out1() {
            var x = document.getElementById("1");
            x.src = "Item1.png"; 
            x.style.width = "30%";
        }
    </script>
    <img src="Item1.png" width="30%" id="1" 
        onmouseover="on1();" 
        onmouseout="out1();" 
        onclick="this.src = 'Desc1.png';">`

帮助将不胜感激

Answer 1

您需要为事件添加一个函数处理程序，如下所示:

HTML 代码:

<img src="Item1.png" width="30%" id="1" onclick="updateImage(this)">

JS 代码:

updateImage = function(el){
    el.src = 'Desc1.png';
}