app开发中,苹果端可编辑标签,无法输入内容解决方案

Posted 姓白的乌贼,

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了app开发中,苹果端可编辑标签,无法输入内容解决方案相关的知识,希望对你有一定的参考价值。

  在app开发,在使用div的contentedstable属性时,出现ios端编辑框无法选择聚焦的问题,查阅资料后发现是fastclick.js中的判断导致的。

1.解决方法,

  a.引入“.needsclick{content: attr(placeholder);}”,类名,“needsclick”命名尽量不要修改。 

  b.在contentedsTable 属性标签中添加内敛样式“-webkit-user-select: auto;”

  

 

 

2.fastclick.js中的导致不能编辑的代码

  事件的分发过程:ontouchstart => ontouchend => click 观察过程可了解到当ontouchend 阻塞的话,会导致无法聚焦、div不可编辑。

  一下是fastclick.js中的部分源码:

  

 

  

  FastClick.prototype.onTouchEnd 方法中的部分源码:
  

 

  onTouchEnd的最后一部分源码可看出,needsClick函数命名尽量不要做修改。

 

 

以上是关于app开发中,苹果端可编辑标签,无法输入内容解决方案的主要内容,如果未能解决你的问题,请参考以下文章

完美解决苹果电脑mac终端无法输入大写T的问题

黑苹果解决Siri无法识别问题

可编辑div问题总结(光标,显示等)

14 - 苹果远程推送原理

苹果7p的APPstore下不了app

如何解决IOS 15提示“此App的开发者需要更新APP以在此IOS版本上正常工作”, 无法打开安装的APP的问题