首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

document.addEventListener("touchmove") vs document.ontouchmove

document.addEventListener("touchmove")和document.ontouchmove都是用于处理移动设备上的触摸滑动事件的方法。它们之间的区别如下:

  1. document.addEventListener("touchmove"):
    • 概念:addEventListener是JavaScript中的一个方法,用于向指定的元素添加事件监听器。
    • 分类:属于DOM事件处理机制的一部分。
    • 优势:可以同时添加多个事件监听器,不会覆盖之前的监听器。
    • 应用场景:适用于需要同时处理多个触摸滑动事件的情况。
    • 推荐的腾讯云相关产品:腾讯云移动应用分析(MTA)。
    • 产品介绍链接地址:腾讯云移动应用分析(MTA)
  • document.ontouchmove:
    • 概念:ontouchmove是一个DOM属性,用于指定当触摸滑动事件发生时要执行的函数。
    • 分类:属于DOM事件处理机制的一部分。
    • 优势:只能指定一个事件处理函数,会覆盖之前的处理函数。
    • 应用场景:适用于只需要处理单个触摸滑动事件的情况。
    • 推荐的腾讯云相关产品:腾讯云移动应用分析(MTA)。
    • 产品介绍链接地址:腾讯云移动应用分析(MTA)

需要注意的是,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

这一次,彻底解决滚动穿透

刚开始遇到这个问题的同学可能会联想到是不是由于事件冒泡到body上引起的,于是监听 scroll/touchmove事件,阻止事件冒泡。 事实上,这并没有什么卵用。...直接阻止 document的 touchmove事件: document.ontouchmove = e => {    e.preventDefault();}; 看起来好像非常严格,将整个页面的滚动全部禁止...这似乎颠覆了我们平时的认知,连 document的touchmove都禁不掉默认滚动?...所以我们需要加入 addEventListner的第三个参数: document.addEventListener(    'touchmove',    e => {        e.preventDefault...既然浮层上面有需要滚动的元素,最简单的方案就是有选择性地阻止默认事件: document.addEventListener(  'touchmove',  e => {    const excludeEl

2.6K21
  • 【兼容性】H5滚动穿透解决方案

    html 设置 absolute 风险太大,容易埋坑,不太建议大项目使用,小应用还是可以的,我在需求的小活动页7就使用过这种方式 5禁用页面滚动 除了在 css 限制页面滚动,还可以从 js 去限制 document.addEventListener...( 'touchmove', e => e.preventDefault()); 这里要注意一个问题,在 chrome51 中在监听回调更新了参数,如果你不加上这个参数,那么可能这样并不能禁用页面滚动...( "touchmove", (e) => { const excludeEl = document.querySelectorAll(".can-scroll"); const...( "touchmove", (e) => { e.preventDefault(); }, { passive: false } ); document.querySelector...(".modal").addEventListener("touchmove", (e) => { e.stopPropagation(); }); 虽然document 取消了默认事件,本来整个页面都不能滚了

    5.8K20

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券