对于文本输入,如何进行选择,以便单击它会选择所有内容?

问题描述 投票:3回答:3

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

但是VueJS不使用jQuery。那还有什么替代方法?

javascript vue.js input vuejs2 jquery-events
3个回答
4
投票

您仍然可以使用JQuery,只需将脚本添加到HTML中,但是如果您不想使用JQuery,则可以选择使用原始Javascript(纯JS)。

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

这里是演示。

Working demo


4
投票
<input type="text" ref="input" @click="selectAll">

selectAll() {
  this.$refs.input.select();
}

[]:https://jsfiddle.net/s7L895n7/14/


0
投票

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

<input @focus="$event.target.select()">
© www.soinside.com 2019 - 2024. All rights reserved.