我有一个 Hammer.js 2.06 的工作实现,可以使用水平滑动在页面之间跳转。但是我发现桌面上有冲突。当用户使用鼠标选择一段文本时,该操作也会触发 Hammer 的滑动事件。
我想允许文本选择的默认浏览器行为,但也使用 Hammer 的滑动手势。有没有办法让两者一起工作?或者我应该禁用鼠标手势支持,因为文本选择能力更重要,我该怎么做?
delete Hammer.defaults.cssProps.userSelect // as suggested in tips 'n tricks
var myElement = document.getElementById("gestureCanvas"),
nextp = document.getElementById("GotoNextPage"),
prevp = document.getElementById("GotoPrevPage"),
mc = new Hammer(myElement, {
doubletap: false,
pan: false,
press: false,
pinch: false,
rotate: false,
tap: false
});
// gesture event listeners
mc.on("swipeleft swiperight", function(ev) {
if (ev.type === "swipeleft") {
if (Boolean(nextp.disabled) === false) {
nextp.click();
}
} else if (ev.type === "swiperight") {
if (Boolean(prevp.disabled) === false) {
prevp.click();
}
}
});
最佳答案
默认情况下,Hammer 管理器处理触摸和鼠标输入。您可以通过设置 inputClass 选项来指示它仅处理触摸输入:
mc = new Hammer(element, { inputClass: Hammer.TouchInput });
这样它仍然会检测到滑动手势,但将鼠标操作(如文本选择)放在一边。
关于javascript - Hammer.JS 桌面文本选择和滑动冲突,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35142386/