登录

javascript - 移动端js如何组织浏览器左右快速滑动会切换tab的问题

移动端在做左右滑动效果的时候, 已经e.preventDefault 和 e.stopPropagation 了, 但是当快速左右滑动的时候 还是会出现 滑到上一个选项卡和下一个选项卡的 现象, 请问能否阻止 这个动作

刚发现只要手指点到屏幕边缘 就会触发切换标签的动作,document.body上也加preventDafult了, 仍然会触发, 如何阻止这个动作

-----------补上代码---------

function handleStart(e) {
    stopDefault(e);
    ...
}
function handleMove(e) {
    stopDefault(e);
    ...
}
function handleEnd(e) {
    stopDefault(e);
    ...
}
function stopDefault(e) {
    e.stopPropagation();
    e.preventDefault();
}
...
document.addEventListener("touchstart", stopDefault, false)
document.addEventListener("touchmove", stopDefault, false);
document.addEventListener("touchend", stopDefault, false);
...
tab.addEventListener("touchend", handleEnd, false);
tab.addEventListener("touchmove", handleMove, false);
tab.addEventListener("touchstart", handleStart, false);

这是我的代码

# JavaScript
PHP中文网PHP中文网2184 天前372 次浏览

全部回复(1) 我要回复

  • PHP中文网

    PHP中文网2017-04-11 12:45:17

    是在哪个事件下面阻止的默认事件?
    试试给document绑定touchmove事件,然后阻止默认事件。

    回复
    0
  • 取消回复发送