[JQUERY] 하이라이트 / 선택한 텍스트를 가져옵니다

하이라이트 / 선택한 텍스트를 가져옵니다

해결법

1. ---

   1.사용자가 선택한 텍스트를 얻는 것은 비교적 간단하다. 당신이 창 및 문서 객체 이외의 아무것도 필요하지 않기 때문에 jQuery를 포함하여 얻을 수 아무 이익이 없습니다.

   사용자가 선택한 텍스트를 얻는 것은 비교적 간단하다. 당신이 창 및 문서 객체 이외의 아무것도 필요하지 않기 때문에 jQuery를 포함하여 얻을 수 아무 이익이 없습니다.

   function getSelectionText() {
       var text = "";
       if (window.getSelection) {
           text = window.getSelection().toString();
       } else if (document.selection && document.selection.type != "Control") {
           text = document.selection.createRange().text;
       }
       return text;
   }
   

   당신은 또한에서 선택 다룰 것이다 구현에 관심이 있다면 <텍스트 영역>과의 texty <입력> 요소는 다음을 사용할 수 있습니다. 그것은 2016 년 내가 IE <= 8 지원에 필요한 코드를 생략하고있어하지만 난 SO에 많은 장소에서 그것을 위해 물건을 게시 한 이제부터.

   getSelectionText 함수 () { 변수 텍스트 = ""; VAR activeEl = document.activeElement; VAR activeElTagName = activeEl? activeEl.tagName.toLowerCase () : NULL; 만약 ( (activeElTagName == "텍스트 영역") || (activeElTagName == "입력"&& /^(?:text|search|password|tel|url)$/i.test(activeEl.type)) && ( "다수"== activeEl.selectionStart 대해서 typeof) ) { 텍스트 = activeEl.value.slice (activeEl.selectionStart, activeEl.selectionEnd); } 다른 경우 (window.getSelection) { . 텍스트 window.getSelection의 toString ()을 () =; } 텍스트를 반환; } document.onmouseup document.onkeyup = = = document.onselectionchange 함수 () { . document.getElementById를 ( "SEL") 값 = getSelectionText (); }; 선택: 로
   <텍스트 영역 ID = "SEL"행 = "3"COLS = "50"> 텍스트를 선택하세요. <입력 값 = "텍스트 입력에 텍스트"> 로
   로
   로
   <텍스트 영역> 일부 텍스트의 텍스트 영역

2. ---

   2.강조 표시된 텍스트 이런 식으로 가져 오기 :

   강조 표시된 텍스트 이런 식으로 가져 오기 :

   window.getSelection().toString()
   

   및 예에 대한 물론 특별한 치료 :

   document.selection.createRange().htmlText
   

3. ---

   3.이 솔루션은 크롬을 사용하는 경우 (다른 브라우저를 확인할 수 없습니다) 텍스트가 같은 DOM 요소에있는 경우 작동합니다 :

   이 솔루션은 크롬을 사용하는 경우 (다른 브라우저를 확인할 수 없습니다) 텍스트가 같은 DOM 요소에있는 경우 작동합니다 :

   window.getSelection().anchorNode.textContent.substring(
     window.getSelection().extentOffset, 
     window.getSelection().anchorOffset)
   

4. ---

   4.사용 window.getSelection (). toString ().

   사용 window.getSelection (). toString ().

   당신은 developer.mozilla.org에 대한 자세한 내용을보실 수 있습니다

5. ---

   5.예를 간단 함께 할 수있는 HTML 코드 조각 (참고 : 여기에 주어진 조각이 뷰 JS를 사용)

   예를 간단 함께 할 수있는 HTML 코드 조각 (참고 : 여기에 주어진 조각이 뷰 JS를 사용)

   document.addEventListener('mouseup', event => {  
       if(window.getSelection().toString().length){
          let exactText = window.getSelection().toString();        
       }
   }
   

from https://stackoverflow.com/questions/5379120/get-the-highlighted-selected-text by cc-by-sa and MIT license