如何用改变的触摸改变触摸?

时间:2016-09-14 09:52:15

标签: javascript jquery html

我有这个代码,它使用两个触摸手指在html屏幕上移动gif

<script id="jsbin-javascript">
var $img = $('<img/>').attr({
  'id': 'cursor',
  'src': 'skin1.gif'
});
    $(document).on('touchstart touchmove ', function (e) {


      var touch1 = e.originalEvent.touches["0"];
      var touch2 = e.originalEvent.touches["1"];


      $img.css({
        top: (touch1.clientY+touch2.clientY)/2  - 105,
        left:  (touch1.clientX+touch2.clientX)/2 - 25,
        display: 'block'
      });

    });

$img.appendTo('body');
</script>

现在我需要为每个手指尝试使用changedTouches而不是两个var 我尝试了这个并且它无法正常工作

    <script id="jsbin-javascript">
    var $img = $('<img/>').attr({
      'id': 'cursor',
      'src': 'skin1.gif'
    });
        $(document).on('touchstart touchmove ', function (e) {



  var touches = e.originalEvent.changedTouches;


  $img.css({
    top: (touches["0"].clientY+touches["1"].clientY)/2  - 105,
    left:  (touches["0"].clientX+touches["1"].clientX)/2 - 25,
    display: 'block'
  });

});

    $img.appendTo('body');
    </script>

请帮助 感谢

0 个答案:

没有答案
相关问题