vue混合app开发使用fastclick插件 input输入框点击不灵敏问题

原创

于 2019-08-21 10:32:16 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#fastclick #vue #混合开发 #input输入框

在Vue混合应用开发中，使用fastclick插件解决300ms延迟问题后，遇到input输入框点击无响应，无法弹出软键盘的困扰。通过研究发现是focus事件未触发导致。解决方案包括查找fastclick.js文件，针对性地进行代码修改，添加一行代码以确保focus事件能够正确触发，经过测试，问题得到圆满解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：

vue混合app开发中使用了fastclick解决延迟问题，但是后面发现，点击input输入框时，很多时候无法弹出输入框。

解决方案

怀疑是没有触发focus事件，导致软键盘无法弹出，于是网上搜索了一下，果然有关于这种问题的说明，然后就根据网上的解决方案调整了一下，完美解决；
步骤:
1.找到fastclick插件中的fastclick.js文件。
2.搜索：ctrl+f搜索FastClick.prototype.focus，找到要修改的地方；
3.在targetElement.setSelectionRange(length, length)这一行上方加上一句：targetElement.focus()；
4.保存文件，进行测试；
如下:

FastClick.prototype.focus = function(targetElement) {
		var length;

		// Issue #160: on iOS 7, some input elements (e.g. date datetime month) throw a vague TypeError on setSelectionRange. These elements don't have an integer value for the selectionStart and selectionEnd properties, but unfortunately that can't be used for detection because accessing the properties also throws a TypeError. Just check the type instead. Filed as Apple bug #15122724.
		if (deviceIsIOS && targetElement.setSelectionRange && targe