javascript - 单击主体上的任意位置并调用函数

标签 javascript function

这是我的 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>

我希望能够点击 body 的任何地方——而不仅仅是图像! – 改变形象。我该如何实现?

最佳答案

你可以试试

$(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";
    }
    });
});

在你<body>标记,添加 onclick 事件,如:

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

关于javascript - 单击主体上的任意位置并调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13312713/

相关文章:

c - 在函数中声明在 int main() 中多次调用的变量(在 C 中)

javascript - 添加类后无法从元素中删除该类

javascript - 文本在悬停时错位

javascript - 如何使用 AJAX post 方法从 PHP 的特定函数中检索 JSON

javascript - Blender 导出到 JSON 以查找缺少 Material 的 THREE.js

c++ - 如何从函数创建和返回字符串?

javascript - 如何引用 Node.js 模块内的导出函数

c++ - 对函数的引用不明确

python - 设置函数以在python中调用raw_input

javascript - 使用 Javascript 将两个数字相加并在文本框中显示结果