zoukankan      html  css  js  c++  java
  • 在vue 中 使用 mint-ui 的 Picker 选择器 组件,在下滑或上滑和手机浏览器原生滑动事件有冲突(通常在 IOS 上 会有这个现象),可以监听 touchmove 事件,来阻止默认事件,具体看代码

    参考 http://iscrolljs.com/  这个网站

    代码如下:

    function isPassive () {
      var supportsPassiveOption = false
      try {
        addEventListener('test', null, Object.defineProperty({}, 'passive', {
          get: function () {
            supportsPassiveOption = true
          }
        }))
      } catch (e) {}
      return supportsPassiveOption
    }
    function preventDefaultFunc (e) {
      e.preventDefault()
    }
    export function preventTouchmove (onoff) {
      if (onoff) {
        document.body.addEventListener('touchmove', preventDefaultFunc, isPassive() ? {
          capture: false,
          passive: false
        } : false)
      } else {
        console.log('wawawwaawa')
        document.body.removeEventListener('touchmove', preventDefaultFunc, isPassive() ? {
          capture: false,
          passive: false
        } : false)
      }
    }

    然后通过 

    import { preventTouchmove } from 'utils/common'

    来导入这个方法,然后使用,onoff 是开关,来传 布尔值

    preventTouchmove(true/false)
  • 相关阅读:
    37.Spring-事务控制.md
    35.Spring-jdbc支持.md
    29.Hibernate-二级缓存和session管理.md
    28.Hibernate-HQL查询.md
    27.Hibernate-缓存和懒加载.md
    26.Hibernate-主键和映射.md
    25.Hibernate-配置文件.md
    24.Hibernate-各种类型的查询.md
    MarkDown学习记录
    gitbook使用
  • 原文地址:https://www.cnblogs.com/suntao666/p/8628512.html
Copyright © 2011-2022 走看看