一键选择全文

Question

我的应用程序中有一个可共享的链接，我希望一键使它可供用户复制。

如何以浏览器本机方式实现？
（我目前对javascript解决方案不感兴趣）

我可以使用HTML5属性吗？
我可以使用CSS吗？

Answer 1

这可能是您追求的目标？单击后，将完全选中！参见小提琴：JSFiddle

#link {
  user-select: all;
}

<div id="link">
i am some extra long example text i am some extra long example text i am some extra long example text i am some extra long example text
</div>

请注意-您将需要通过以下方式为其他浏览器实现：

• Mozilla：-moz-user-select: all;
• WebKit（Safari除外）：-webkit-user-select: all;
• Microsoft：-ms-user-select: element;

在此处了解更多信息：user-select