使用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;

}

你可能感兴趣的:(使用user-select复制粘贴功能,ios手机无法输入和删除)