我正在使用Interact.js来处理我网站上的一些可拖动元素。在桌面上拖动时,一切都按预期工作,但是当将其与触摸设备一起使用时,onend事件发生得太早。
看看这支笔:
http://codepen.io/anon/pen/RKoZRm
并观察右下角的移动计数器。
这就是我基本上在做的事情:
interact('#draggable').draggable({
inertia: true,
onmove: function() {},
onend: function() {}
});
但是,他们网站上的可拖动示例(http://interactjs.io)在触摸设备上按预期工作,我真的无法分辨出区别。
有什么想法吗?
解决方案非常简单。您只需要在可拖动元素的 css 中添加一行。
touch-action: none