使用user-select复制粘贴功能,ios手机无法输入和删除

bug描述:使用user-select做复制粘贴功能,在ios手机上无法正常输入和删除,出现光标失踪等现象

解决问题关键在于明确可复制粘贴区域

以#talkCon为例,由于复制内容可能带有标签和样式,因此需要同时设置元素下子节点(#talkCon * )

正确代码:

*{

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select:none;

  -ms-user-select:none;

  user-select:none

}

input, textarea, #talkCon, #talkCon *, .content *{

  -webkit-user-select: auto;

  user-select: auto;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。