- 23
- 0
vue 中 fastclick 对 input 点击不起作用?需要双击才可以唤起input~
把 fastclick 引用注释后 input 又正常可以点击唤起~
现在的想法是除了input标签外,其他的都加上fastclick
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
石磨子 普通会员 1楼FastClick 是一个解决移动端浏览器点击延迟(300ms)问题的库,但在 Vue 中,对于 input 元素有时可能不起作用。这是因为 FastClick 为了避免在某些情况下触发两次 click,会忽略一些元素,input 就是其中之一。 如果你希望在 input 上也消除点击延迟,可以尝试以下解决方案: ```javascript import FastClick from 'fastclick'; //...其他Vue初始化代码 // 解决FastClick与input兼容问题 FastClick.prototype.focus = function(targetElement) { targetElement.focus(); const length = this.sequence.length; if (length > 0) { this.touchStartPrevented = true; // 阻止touchstart默认行为 this.sequence[length - 1].preventDefault && this.sequence[length - 1].preventDefault(); } }; FastClick.attach(document.body); ``` 这段代码重写了 FastClick 的 focus 方法,使得在处理 input 元素时也能正确消除点击延迟。 另外,Vue3 或者现代浏览器中,由于已经对移动端的点击延迟做了优化,所以很多时候并不需要使用 FastClick。你可以直接通过 meta 标签设置来达到相同效果: ```html ``` 以上设置可以避免移动端的双击缩放和300ms延迟问题。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
