vue项目通过hbuilder打包为APP之后 input在ios上点击延迟的解决方案

问题:

 在做一个webAPP项目的时候,功能正常,但是用hbuilder打包到ios上运行时,发现所有input框的点击都不灵敏,需要长按半秒到一秒的样子,形成一种卡顿或者点击无效的效果,网上找了半天方法,有个很简单的办法,贴图如下;


原文章链接:https://blog.csdn.net/xjlinme/article/details/55046265,如有侵犯,请联系我删除

我也照常在项目中引入了,但是重新打包尝试似乎并没有什么反应,如果你也跟我一样调用了没效果继续往下看;最后找到如下有效方法:

解决方案

如上述引入了FastClick.js并在main.js中和index.html分别调用都没有效果的情况下;只有通过绑定在事件上的函数触发,才能聚焦调出键盘:


原文链接:https://www.cnblogs.com/moxiaowohuwei/p/7448389.html

因为很多地方都有用到,所以我还是用函数封装,其他使用地方调用,虽然有效,但是不管封不封装都会出现会创建一个类似全局的点击效果,也就是在@click其他非input框的时候 也会快速调出键盘的bug(安卓上势必出现,ios上测试时似乎没有问题,可以自己尝试一下)


复制代码:

var apple = document.getElementById('abc');  // 此处ID为要点击的input或者textarea标签ID;

button.addEventListener('click',function(){

     apple.focus();

});

所以,为了解决这个方案造成的困扰,结合上一步在给input或者textarea绑定@click方法后,又在方法里优化后结果为一下一句(单处使用,不要全局封装):

$("#mycords").trigger("click").focus();

此方法仅绑定处点击会弹出键盘,其他地方不会弹出,比较理想的选择。

另将css中-webkit-user-select: none;设置为auto;(不确定因素,本人测试还原之后并不会造成影响,在爬坑途中修改了此处所以没有改回去了)

如有更好的方法或者建议请私信我,谢谢大家了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本篇博客源地址 总结: 鼠标事件 1.click与dbclick事件ele.click()ele.click(ha...
    ZombieBrandg阅读 753评论 0 1
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,722评论 2 10
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,519评论 0 8
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 1,351评论 0 6
  • 我喜欢这个小镇
    国富哥哥阅读 377评论 6 5

友情链接更多精彩内容