我的HTML5应用程序可让您从其他网页拖放图像。但是当在平板电脑模式下使用PC时,我似乎无法拖动图像,当然这必须在2018年实现吗?
如果确实无法实现,我可以使用哪种替代机制来允许用户使用其他网站的图片?
答案 0 :(得分:4)
请看这个:
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
请告诉我它是否有效,或者您是否还需要help
:)
编辑:这是一个jsfiddle,其中包含我之前构建的测试。我已经通过评论对其进行了更新,因此您应该了解其中的内容。也许一个JavaScript专业人员想要打我这个,但它的工作是为了我的目的,我似乎工作。我还没有在旧浏览器中对它进行测试,因为它是一个个人项目而且我没有按照IE方式进行优化"有