Javascript HTML5页面带有拖拽放大镜，但在移动设备中不起作用

它在桌面浏览器中运行良好，但如果我在iPad/Android/任何移动设备中使用，它将不会被拖动。我已经使用jquerytouchpunch了

var-currentSlide=8；
var onMouseDown=函数（事件）{
var元素=（等位基因frompoint（event.pageX，event.pageY））；
对于（var i=0；i100）{
$（this.parent（）.parent（）.css）({
宽度：（$（this.parent（）.parent（）.width（）-50）+“px”，
高度：（$（this.parent（）.parent（）.height（）-50）+“px”
});
}
打破
}
});
$（“.menu左工具箱按钮子铅笔”）.bind（'click'，函数（e）{
$（“.menu left tool box button child pencil”）.removeClass（“menu left tool box button child pencil active”）；
$（this）.addClass（“菜单左工具箱按钮子铅笔激活”）；
ctx.lineWidth=parseInt（$（this.attr（“value”））；
ctx.strokeStyle=“#000”；
ctx.globalAlpha=1；
octx.lineWidth=parseInt（$（this.attr（“value”））；
octx.strokeStyle=“#000”；
octx.globalAlpha=1；
工具=“铅笔”；
setTool（$（“.menu左工具箱按钮[值=铅笔]”）；
});
$（“.menu左工具箱按钮子笔刷”）.bind（'click'，函数（e）{
$（“.menu left tool box button child brush”）.removeClass（“menu left tool box button child brush active”）；
$（this）.addClass（“菜单左工具箱按钮子笔刷激活”）；
$（“.menu左工具箱按钮[值=画笔]”）.css({
backgroundImage:'url（./images/'+$（this.attr（“color”）+'\u paint.png）'
});
ctx.strokeStyle=$（this.attr（“值”）；
ctx.globalAlpha=1；
ctx.线宽=20；
octx.strokeStyle=$（this.attr（“值”）；
octx.globalAlpha=1；
octx.线宽=20；
工具=“刷子”；
setTool（$（“.menu左工具箱按钮[值=画笔]”）；
});
$（“.menu right button”）.bind（'click'，函数（e）{
开关（$（this.val（））{
案例“检查答案”：
变量总数=$（“.cell clickable”）.length；
var-right=0；
$（“.cell clickable”）。每个（函数（）{
开关（$（this.attr（“value”））{
案例“cell-clickable-dot1”：
if（$（this）.hasClass（“cell-clickable-dot1”））{
右++；
$（this）.find（“.cell clickable button”）.removeClass（“真图像”）.removeClass（“假图像”）.addClass（“真图像”）.removeClass（“隐藏”）；
}否则{
if（$（this）.hasClass（“cell-clickable-dot2”））{
$（this）.find（“.cell clickable button”）.removeClass（“真图像”）.removeClass（“假图像”）.addClass（“假图像”）.removeClass（“隐藏”）；
}
}
打破
案例“cell-clickable-dot2”：
if（$（this）.hasClass（“cell-clickable-dot2”））{
右++；
$（this）.find（“.cell clickable button”）.removeClass（“真图像”）.removeClass（“假图像”）.addClass（“真图像”）.removeClass（“隐藏”）；
}否则{
if（$（this）.hasClass（“cell-clickable-dot1”））{
$（this）.find（“.cell clickable button”）.removeClass（“真图像”）.removeClass（“假图像”）.addClass（“假图像”）.removeClass（“隐藏”）；
}
}
打破
}
如果（总计==右侧）{
$（“.cell-clickable-dot1”）.css({
背景色：“rgba（61203,27,0.5）”，
框影：“0px 0px 0px 5px rgb（61203,27）”
});
$（“.cell clickable”）.find（“.cell clickable按钮”）.addClass（“hide”）；
}
});
}
});
$（“.menu left preview box preview”）.bind（'单击'，函数（e）{
window.location=“page”+（$（this.index（）+1）+“.html”；
});
var native_width=0；
var native_height=0；
var放大mousedown=false；
$（“.放大”）.parent（）.mousedown（函数（e）{
放大鼠标向下=真；
});
$（“.放大”）.mousemove（函数（e）{
if（ISDRAGING）{
如果（！本机_宽度&&！本机_高度）{
var image_object=新图像（）；
image_object.src=$（“.small”）.attr（“src”）；
本机\u宽度=图像\u对象.width；
   $(".magnify").parent().mouseup(function(e) {
       isDragging = false;
   });
   $(".magnify").parent().mousedown(function(e) {
       isDragging = true;
   });

   $(".magnify").parent().on("mouseup touchend",function(e) {
       isDragging = false;
   });
   $(".magnify").parent().on("mousedown touchstart",function(e) {         
       isDragging = true;
   });

var mx = e.pageX - magnify_offset.left;
var my = e.pageY - magnify_offset.top;

if(e.type == 'touchstart' || e.type == 'touchmove' || e.type == 'touchend' || e.type == 'touchcancel'){
        var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
        mx = touch.pageX - magnify_offset.left;
        my = touch.pageY - magnify_offset.top;
}