美文网首页
使用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