BetterScroll下的页面元素点击事件无效

BetterScroll下的页面元素点击事件无效,第1张

最近发现一个场景问题,在ipad+妙控键盘(带触摸板),使用BetterScroll后渲染的页面元素里面的click点击事件无法生效

上面找了很多类似的场景,只是他们都是只设置click的配置项为true,其实这个也没有好解决我上面的场景,只是触屏的touch事件可以触发,但妙控键盘⌨️的触摸板的点击还是无效

于是,看完文档去做了,尝试做了配置项的调整,click 默认,将preventDefault设置为true,使得触屏的touch和触摸板的click事件同时生效

keep moving,稚鸿同学

/**
     * clcik: BetterScroll 默认会阻止浏览器的原生 click 事件,默认是false
     * preventDefault: 当事件派发后是否阻止浏览器默认行为,默认是true
     * 为了适配ipad加上妙控键盘的点击,两者都设置会导致妙控键盘的点击失效,现在直接设置 preventDefault为false
     *  author: 稚鸿同学
     */
    const defaultOptions: Options = {
      bounceTime: TIME_BOUNCE,
      useTransition: false,
      pullDownRefresh: {
        threshold: THRESHOLD,
        stop: STOP
      },
      pullUpLoad: true,
      // click: true,
      preventDefault: false
    }
    this.scroll = new BetterScroll(this.scrollNode, {
      ...defaultOptions,
      ...this.options
    })


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/993625.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存