Question

这是我的HTML：

<img id="bladder" onclick="changeimage()" src="images/logo_bladder.png" />

和我的js：

   <script>
    cc = 0;
    function changeimage() {
        if (cc == 0) {
            cc = 1;
            document.getElementById('bladder').src = "images/logo_bladder_b.png";
        }
        else {
            cc = 0;
            document.getElementById('bladder').src = "images/logo_bladder.png";
        }
    }
</script>

我希望能够点击身体的任何地方 - 不仅仅是在图像上！ - 改变图像。我如何实现这一目标？

Answer 1

你可以尝试

$(document).ready(function(){
    $(body).click(function(){
      if (cc==0) 
    {   cc=1;
    document.getElementById('bladder').src="images/logo_bladder_b.png";
    }
    else
    {
        cc=0;
     document.getElementById('bladder').src="images/logo_bladder.png";
    }
    });
});

OR

在您的<body>标记中，添加onclick事件，例如：

<body onclick="changeimage()">..</body>

单击Body上的Anywhere并调用函数

1 个答案: