触摸屏设备上的 HTML5 拖放 API

2024-03-20

我只是想知道用于拖放的 HTML5 API 是否包含对触摸屏显示的支持。

我正在考虑 iPhone,但我知道它还不支持。我想知道苹果是否正在追赶,以支持 Safari 移动设备上的 HTML5 拖放,但我也想也许 HTML5 API 对此不够强大,但我对此非常怀疑。

在标准触摸屏笔记本电脑平板电脑或类似设备上怎么样,我没有,所以我无法测试,但我想包含支持,因为据我所知,表格界面只是取代了鼠标控制,所以,就浏览器而言,最终用户实际上只是使用鼠标。

有什么想法吗?


有一些本机 HTML5 事件适用于 WebKit(Chrome 和 Safari)...仅限移动版本。 这些事件的名称是 touchstart、touchmove、touchend、touchcancel

通过触摸重新定位元素的示例是:

$(document).bind("touchstart", function(e) {
e.preventDefault();
var orig = e.originalEvent;
var x = orig.changedTouches[0].pageX;
var y = orig.changedTouches[0].pageY;

$("#element").css({top: y, left: x});
});

更多信息:https://developer.apple.com/documentation/webkitjs/touchevent https://developer.apple.com/documentation/webkitjs/touchevent

顺便说一句,我更喜欢使用 webkit-transform (CSS 属性),因为它具有更好的性能。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

触摸屏设备上的 HTML5 拖放 API 的相关文章

随机推荐