美文网首页
vue项目通过hbuilder打包为APP之后 input在io

vue项目通过hbuilder打包为APP之后 input在io

作者: 丶Sunshine_c | 来源:发表于2018-09-17 15:14 被阅读0次

问题:

 在做一个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;(不确定因素,本人测试还原之后并不会造成影响,在爬坑途中修改了此处所以没有改回去了)

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

相关文章

网友评论

      本文标题:vue项目通过hbuilder打包为APP之后 input在io

      本文链接:https://www.haomeiwen.com/subject/gcjymftx.html