programing

텍스트 입력의 경우 클릭 시 모든 항목이 선택되도록 하려면 어떻게 해야 합니까?

nicescript 2022. 7. 3. 11:48
반응형

텍스트 입력의 경우 클릭 시 모든 항목이 선택되도록 하려면 어떻게 해야 합니까?

이걸 찾았어요모바일에서도 작동하는 클립보드에 복사하시겠습니까?

하지만 VueJS는 jQuery를 사용하지 않습니다.그래서 이것의 대안은 무엇일까요?

https://medium.com/vuejs-tips/tip-11-auto-select-input-text-on-focus-9eca645073cd 기사를 기반으로 합니다.

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

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

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

아직 JQuery를 사용할 수 있습니다.HTML에 스크립트를 추가하면 됩니다만, JQuery를 사용하지 않는 경우는, 바닐라 Javascript(순수 JS)를 사용하는 방법도 있습니다.

setSelectionRange(start, end)입력 방법이 당신이 원하는 답입니다.

여기 데모가 있습니다.

작업 데모

언급URL : https://stackoverflow.com/questions/42289080/for-text-input-how-to-make-it-so-that-clicking-on-it-will-select-everything

반응형