이전 글에서 css의 가상선택자 selection을 이용해 예제를 만들어 보았습니다.
하지만 css만으로는 다음 드레그 시에 다른 색깔로 변경되지는 않는군요.
그럼 이제 javascript를 이용해야 하는데, css 가상선택자는 js에서 선택자로 잡을 수 없지요...!
해서 js를 찾아봤더니 onselect라는 메소드를 발견했습니다.
그리고 selectStart와 selectEnd라는 기능도 있더군요!
https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event
Element: select event - Web APIs | MDN
The select event fires when some text has been selected.
developer.mozilla.org
이걸 이용해 바로 예제 만들어 보았습니다!
728x90
'Frontend > javascript' 카테고리의 다른 글
| 모던 자바스크립트 Deep Dive 스터디 (0) | 2022.12.16 |
|---|---|
| 이벤트 버블링(Event Bubbling)과 캡처링(Event Capture) (0) | 2022.12.14 |
| promise.all() (0) | 2022.08.01 |
