对于文本输入，如何使点击它会选择所有内容？

Question

我发现了这个： Copy to Clipboard that also works on Mobile?

但是 VueJS 不使用 jQuery。那么有什么替代方案呢？

原文由 Ben 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您仍然可以使用 JQuery，只需将脚本添加到您的 HTML 中，但如果您不想使用 JQuery，则替代方法是使用 vanilla Javascript（纯 JS）。

输入的 setSelectionRange(start, end) 方法是您可能想要的答案。

这是一个演示。

工作演示

原文由 Gerardo 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

基于 https://medium.com/vuejs-tips/tip-11-auto-select-input-text-on-focus-9eca645073cd 文章：

 <input @focus="$event.target.select()">

原文由 Bruno De Freitas Barros 发布，翻译遵循 CC BY-SA 4.0 许可协议