一个对象解决滚动贯穿问题

最新推荐文章于 2024-09-14 18:52:56 发布

肥龙也

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量86

点赞数

分类专栏：新前端之日常问题收录文章标签： JavaScript touchmove 事件监听阻止默认行为 passive

本文链接：https://blog.csdn.net/weixin_38291260/article/details/118903357

版权

新前端之日常问题收录专栏收录该内容

13 篇文章 0 订阅

订阅专栏

/**
 * 禁止滑动贯穿,passive需要设置为false,表示组织浏览器的默认行为
 */
const forbidTouchScroll = {
    bind: (idName, handlerFn) => {
        document.getElementById(idName).addEventListener("touchmove", handlerFn, { passive: false })
    },
    unbind: (idName, handlerFn) => {
        document.getElementById(idName).removeEventListener("touchmove", handlerFn, { passive: false })
    },
    handler: (e) => {
        e.preventDefault()
    }
}

//调用
forbidTouchScroll("mask",forbidTouchScroll.handler)