HTML5拖放API在触摸屏设备上

前端之家收集整理的这篇文章主要介绍了HTML5拖放API在触摸屏设备上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我只是想知道HTML5 API for Drag和Drop是否支持触摸屏显示

我在想iPhone,但我知道这还不支持。我想知道是否只是追赶苹果,支持HTML5在Safari手机上的拖放,但也有人认为HTML5 API对此并不够强大,但我非常怀疑。

如何在标准的触摸屏笔记本电脑平板电脑等上,我没有一个,所以我无法测试,但我会想到支持包括在内,因为据我所知,该表格界面只是取代鼠标控制,所以就浏览器而言,最终用户只是使用鼠标。

有什么想法吗?

解决方法

老线程,但由于我有一些经验,它仍然是一个问题,我会给它一个镜头…

触摸和拖放不会真的很好地在一起玩。考虑到拖放你有一个隐含的鼠标下拉=> mouse-move =>鼠标向上的事件序列。在触摸环境中,您不仅可以使用标准的touchstart,touchmove和touchend事件,还可以在varous平台上具有具体含义的实际手势。这些手势是触摸事件,他们的顺序和时间的组合。

那么你如何使用触摸来拖动元素?通过捕捉touchstart和touchmove?不,由于胖手指的问题,几乎每个触摸事件都有一个触控和触摸。您也可以有两个触摸屏,只有一个触摸屏偶尔有一个脏屏幕。

如何捕捉touchstart然后等待看看用户是否已经移动了一定距离?不,问题在于,当他将手指移动了15个像素(或任何距离)时,用户将会看到“毛刺”,没有发生任何事情,然后该元素恰好捕捉到他的手指位置。正常的反应是抬起手指,在这种情况下会发出一个下降,错误的答案。

最后,尝试开发一些界面,其中一些元素是固定的,而其他元素可以而不是必须的,可以拖动可以将桌面环境安装到触摸设备中。范式不合适。

更好地查看各种触摸框架并使用内置手势。

猜你在找的HTML5相关文章