微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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方式”

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐