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

时间:2018-03-28 20:50:38

标签: html html5 tablet

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

如果确实无法实现,我可以使用哪种替代机制来允许用户使用其他网站的图片?

1 个答案:

答案 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方式进行优化"有