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;
}
网友评论