반응형
텍스트 입력의 경우 클릭 시 모든 항목이 선택되도록 하려면 어떻게 해야 합니까?
이걸 찾았어요모바일에서도 작동하는 클립보드에 복사하시겠습니까?
하지만 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
반응형
'programing' 카테고리의 다른 글
vuej를 사용하여 ID 태그를 동적으로 설정 (0) | 2022.07.03 |
---|---|
프로젝트를 Eclipse로 가져온 후 'Must Override a Superclass 메서드' 오류 (0) | 2022.07.03 |
vuex의 반응성 게터? (0) | 2022.07.03 |
vue.js 라우터 탐색 쿼리 변경에 대해 중복됨 (0) | 2022.07.03 |
표 머리글의 텍스트 정렬 (0) | 2021.01.18 |