Javascript 如何在移动设备CD上运行此代码?

Javascript 如何在移动设备CD上运行此代码?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在我的手机上运行此代码,但如果我尝试移动图片,它不会移动,并且没有反应,我如何在手机上运行此代码 谢谢你 copy=1; $('.dragArea img')。on('dragstart',函数(e){ log('draggeit!',e); e、 originalEvent.dataTransfer.setData(“text”,即target.id); }).on('dragend',函数(e){ console.log('drawing',e); }); $('.drop字段')。在

我想在我的手机上运行此代码,但如果我尝试移动图片,它不会移动,并且没有反应,我如何在手机上运行此代码

谢谢你

copy=1;
$('.dragArea img')。on('dragstart',函数(e){
log('draggeit!',e);
e、 originalEvent.dataTransfer.setData(“text”,即target.id);
}).on('dragend',函数(e){
console.log('drawing',e);
});
$('.drop字段')。在('dragover',函数(e)上{
//控制台日志('dragover',e);
e、 预防默认值();
}).on('drop',函数(e){
e、 预防默认值();
//window.status='已成功拖动';
console.log('drop',e,window.status);
data=e.originalEvent.dataTransfer.getData(“文本”);
$(this).append(复制?$('#'+数据).clone():$('#'+数据));
});
.drop字段{
边框:4px#287CA1虚线;
显示:内联块;
最小宽度:50px;
高度:50px;
}

手机不支持本机拖放。您需要采取以下措施之一:

  • 使用
    touchmove
    touchend

    el.addEventListener("touchstart", handleStart, false);
    el.addEventListener("touchend", handleEnd, false);
    el.addEventListener("touchcancel", handleCancel, false);
    el.addEventListener("touchmove", handleMove, false);
    
  • 仅支持iOS的

  • 或与


  • 这实际上完全取决于您正在寻找的浏览器支持,以及您愿意重写多少代码。

    可能重复的代码我想在计算机上的移动设备上使用该代码的工作方式看看这个,似乎是一个答案。