我有这个代码,它使用两个触摸手指在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>
请帮助 感谢