[JQUERY] 자바 스크립트에서 선택한 텍스트 이벤트 트리거

자바 스크립트에서 선택한 텍스트 이벤트 트리거

해결법

1. ---

   1.아무 "텍스트가 선택되었다"(DOM) 이벤트는 없지만, 당신은는 document.body에 mouseUp 이벤트를 바인딩 할 수 있습니다. 해당 이벤트 핸들러 내에서, 당신은 단지를 확인할 수 있습니다

   아무 "텍스트가 선택되었다"(DOM) 이벤트는 없지만, 당신은는 document.body에 mouseUp 이벤트를 바인딩 할 수 있습니다. 해당 이벤트 핸들러 내에서, 당신은 단지를 확인할 수 있습니다

   document.selection.createRange().text
   

   또는

   window.getSelection()
   

   행동 양식. 웹 페이지에서 선택한 텍스트의 단락을 얻을이 하나의 자바 스크립트와 같은 유래에 대한 여러 주제있다.

   나는 당신이 "위치 찾기"로 무슨 뜻인지 모르겠지만, 내 예를 세계에 머물 당신은 X + Y 마우스 위치에 대한 이벤트 propertys를 사용할 수 있습니다.

   예 : http://www.jsfiddle.net/2C6fB/1/

2. ---

   2.여기에 빠른 매시업입니다 :

   여기에 빠른 매시업입니다 :

   $('div').mouseup(function() {
       var text=getSelectedText();
       if (text!='') alert(text);
   });
   
   function getSelectedText() {
       if (window.getSelection) {
           return window.getSelection().toString();
       } else if (document.selection) {
           return document.selection.createRange().text;
       }
       return '';
   }​
   
   <div>Here is some text</div>
   

   데모 : http://jsfiddle.net/FvnPS/11/

3. ---

   3.이와 거래하는 새로운 실험의 API가있다 :

   이와 거래하는 새로운 실험의 API가있다 :

   선택의 API를 SelectionChange 이벤트는 문서의 선택 오브젝트가 변경되었을 때 소성되거나 때 와 연관된 선택 또는 <텍스트 영역> 변한다. 를 SelectionChange 이벤트는 두 번째의 경우 요소에, 제 경우 문서에서 소성된다.

   https://developer.mozilla.org/en-US/docs/Web/Events/selectionchange

   참고 가장자리 출혈, 심지어 주요 브라우저에서 작동하지 않을이된다.

4. ---

   4.AFAIK, 당신은 설명 그런 경우가 없다. 하지만 당신은 그 기능을 에뮬레이션 할 수 있습니다.

   AFAIK, 당신은 설명 그런 경우가 없다. 하지만 당신은 그 기능을 에뮬레이션 할 수 있습니다.

   코드와 데모 여기 봐.

5. ---

   5.이벤트 "텍스트가 선택되었다"가있다. 그러나 단지 텍스트 영역에 대한 I는 알고있다.

   이벤트 "텍스트가 선택되었다"가있다. 그러나 단지 텍스트 영역에 대한 I는 알고있다.

   <textarea onselect="message()" name="summary" cols="60" rows="5">
   请写入个人简介，不少于200字！
   </textarea>
   

6. ---

   6.

   var selectedText = "";
   
   if (window.getSelection) {
       selectedText = window.getSelection();
   }
   
   if (document.getSelection) {
       selectedText = document.getSelection();
   }
   
   if (document.selection) {
       selectedText = document.selection.createRange().text;
   }
   
   function textSelector() {
      alert(selectedText);
   }
   textSelector();
   

7. ---

   7.나는 확실하지 마우스 것에 대해서는 해요하지만,이 라인은 모바일,이 변화가 텍스트 선택에 만든마다 호출 작동 -

   나는 확실하지 마우스 것에 대해서는 해요하지만,이 라인은 모바일,이 변화가 텍스트 선택에 만든마다 호출 작동 -

   document.addEventListener('selectionchange', () => {
   
   });
   

from https://stackoverflow.com/questions/3545018/selected-text-event-trigger-in-javascript by cc-by-sa and MIT license