昏睡渐醒 2019-12-06 10:34 采纳率: 60%
浏览 3320
已采纳

js中的onclick事件点击一次后失效

如下,这是我的js中的两个函数

    function my$(id) {
            return document.getElementById(id);
    }
    function xiala() {
            var xiala = my$("xiala");
            xiala.style.transform = "rotateX(180deg)";//使被选中的元素旋转180deg
    }

下面是html主体

        <img id="xiala" type="button" onclick="xiala()" src="imgs/icons/xiala1.png" />

按理说,点击这张图片,它应该会来回旋转,但是这张图片的点击事件只触发了一次,之后再点击都没有反应,请问这是怎么回事?

下面是我用的图片

图片说明

  • 写回答

1条回答 默认 最新

  • liwx66 2019-12-06 10:41
    关注

    没有失效……只是你点击触发的动作是xiala.style.transform = "rotateX(180deg)";而不是每次点击后旋转角度都增加180,所以你这个代码第一次点击后变成xiala.style.transform = "rotateX(180deg)";后面点击也没有改变呀。不信你在点击触发的函数里面加个alert('我被点击了!');

    <script>
    function my$(id) {
    return document.getElementById(id);
    }
    var xialaR=0;
    function xiala() {
    var xiala = my$("xiala");
    xialaR = (xialaR+180)%360;
    //alert("我被点击了!");
    xiala.style.transform = "rotateX("+xialaR+"deg)";//使被选中的元素旋转180deg
    }
    </script>
    <img id="xiala" type="button" onclick="xiala()" src="tempsnip.png" />
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 关于cpci总线的几个问题,有点迷糊
  • ¥15 乳腺癌数据集 相关矩阵 特征选择
  • ¥15 我的游戏账号被盗取,请问我该怎么做
  • ¥15 通关usb3.0.push文件,导致usb频繁断连
  • ¥15 有没有能解决微信公众号,只能实时拍照,没有选择相册上传功能,我不懂任何技术,,有没有给我发个软件就能搞定的方法
  • ¥15 Pythontxt文本可视化
  • ¥15 如何基于Ryu环境下使用scapy包进行数据包构造
  • ¥15 springboot国际化
  • ¥15 搭建QEMU环境运行OP-TEE出现错误
  • ¥15 Minifilter文件保护