23

I've found this: Copy to Clipboard that also works on Mobile?

But VueJS doesn't use jQuery. So what is the alternative to this?

3 Answers 3

49

Based on https://medium.com/vuejs-tips/tip-11-auto-select-input-text-on-focus-9eca645073cd article:

<input @focus="$event.target.select()">
0
10
<input type="text" ref="input" @click="selectAll">

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

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

2
  • 1
    Welcome to Stack Overflow, please review: stackoverflow.com/help/how-to-answer
    – Daniel
    May 14, 2018 at 2:17
  • I would not use the click event here, because you might also want this to work when the user for example switches to the input field by tabbing;
    – low_rents
    Oct 13, 2020 at 16:11
5

You can still use JQuery, just add the script to your HTML, but if you don't want to use JQuery the alternative is to use vanilla Javascript (pure JS).

The setSelectionRange(start, end) method of an input is the answer you may want.

Here's a demo.

Working demo

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.