微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery MouseMove一个TouchMove

如何解决jQuery MouseMove一个TouchMove

我的touchmove事件有问题。使用以下脚本,我将根据光标影响.Image类的转换属性。我想对触摸设备使用相同的效果。我已经尝试过用mousemove代替touchemove。 Twisty对其进行了很好的描述。但是,我无法正常工作。你有小费吗?

以下是在台式机上效果最好的脚本:

  $(function(){
      var bild = $(".bild");
      bild.on('mousemove',function (e) {
          var x = e.clientX - $(this).offset().left + $(window).scrollLeft();
          var y = e.clientY - $(this).offset().top + $(window).scrollTop();

          var rY = map(x,$(this).width(),-6,6);
          var rX = map(y,$(this).height(),6);

          $(this).children(".image").css("transform","rotateY(" + rY + "deg)" + " " + "rotateX(" + -rX + "deg)");
      });

      bild.on('mouseenter',function () {
          $(this).children(".image").css({
              transition: "all " + 0.02 + "s" + " linear",});
      });

      function map(x,in_min,in_max,out_min,out_max)
      {
          return (x - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
      }
  });

提前谢谢!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。