html – 是否可以使用触摸屏设备拖放图像

我的 HTML5应用程序允许您从其他网页拖放图像.但是当在平板电脑模式下使用PC时,我似乎无法拖动图像,当然这必须在2018年实现吗?

如果确实不可能,我可以使用哪种替代机制来允许用户使用其他网站的图像?

解决方法

请看这个:

var draggable = document.getElementById('draggable');
 draggable.addEventListener('touchmove',function(event) {
   var touch = event.targettouches[0];

   // Place element where the finger is
   draggable.style.left = touch.pageX-25 + 'px';
   draggable.style.top = touch.pageY-25 + 'px';
   event.preventDefault();
 },false);

也,
这是一个教程:http://mobiforge.com/design-development/touch-friendly-drag-and-drop

请告诉我它是否有效或者您是否需要更多帮助:)

编辑:这是一个jsfiddle与我之前建立的测试.我已经用评论更新了它,所以你应该看看那里发生了什么.也许一个JavaScript专业人员想要打我这个,但它是为我的目的工作,我似乎工作.我没有在旧浏览器中测试它,因为它是一个个人项目,我不会去那里“优化IE方式”

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些