html
-
[Javascript] Selection에 대해 알아보자JavaScript 2024. 5. 1. 19:59
https://ko.javascript.info/selection-range 의 Selection 파트를 번역했다일부 내용이 포함되지 않을 수 있다 SelectionRange는 선택 범위를 관리하기 위한 generic 객체이다.Range를 생성해도 range만으로는 실제로 선택을 할 수없다.실제 선택을 하기위해서는 Selection 객체를 이용해야 한다.window.getSelection( ) 이나 document.getSelection( )을 통해 Selection 객체를 얻을 수 있다.Selection API specification 에 따르면Selection은 0개 이상의 range를 가질 수도 있다고 하지만 Firefox에서만 여러개의 선택 범위를 가질 수 있다.다른 브라우저에서는 최대 1개의 ..
-
[JavaScript] Range에 대해 알아보자JavaScript 2024. 4. 30. 21:46
https://ko.javascript.info/selection-range 의 Range 파트를 번역했다일부 내용이 포함되지 않을 수 있다 Range아래와 같은 Html 태그가 있다Example: italic and bold 의 children은 순서대로 0. Example: 1. italic 2. and 3. bold 여기서 Exampe: italic 부분을 선택하게 되면 의 0번째, 1번째 children을 선택한 것이다. 코드는 아래와 같다. range.setStart(p, 0); range.setEnd(p, 2);range.setStart(p,0) - 스타트를 의 0번째 child로 설정range.setEnd(p, 2) - range를 2번째 child까지 늘린다 (2번..