마우스로 드래그한 텍스트 가져오기

- 구상 : 문서 영역의 특정 텍스트를 드래그하여 선택한 뒤 '메모' 버튼을 눌러 '메모' 창을 실행 -> '메모'창 내부 form 영역에 선택된 텍스트 표시, 추가 데이터를 입력 후 저장하는 기능.
- '메모' 창이 실행되기 전 말고 후에도 텍스트를 드래그하면 위와 같이 진행되어야 함

 

마우스로 드래그한 텍스트 가져오기

function selectText() {
   var selectionText = ""; //마우스로 드래그한 글
                
   if (document.getSelection) {
       selectionText = document.getSelection();
   } else if (document.selection) {
       selectionText = document.selection.createRange().text;
   }
  return selectionText;
  }

Document.getSelection()
Window.getSelection()과 같으며 Selection 형의 객체를 반환

 

가져온 텍스트를 form 텍스트 란에 표시하기

document.onmouseup = function() {
                document.getElementById("console").innerHTML = selectText();
}

 

(드래그한 텍스트 내용을 저장)

// 각자 상황에 맞는 방법

 

드래그한 텍스트 내용을 하이라이트 하기

$(document).ready(function(){
	var strKey = '스트링'; // 하이라이트를 적용할 스트링
	if(strKey != ''){
		$('.line').highlight(strKey); //하이라이트 처리
	}
}); 

 

 

출처

https://gopae02.tistory.com/101

https://blog.taeseong.me/249