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

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

作者: 秋秋秋web | 来源:发表于2021-08-13 17:50 被阅读0次

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手机无法输入和删除

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