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

Question

我的 HTML5 应用程序允许您从另一个网页拖放图像。但是在平板模式下使用 PC 时，我似乎无法拖动图像，这在 2018 年肯定是可能的吧？

如果真的不可能，我可以使用什么替代机制来允许用户使用来自另一个网站的图像？

Answer 1

请看这个:

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 的优化方式”。