선택한 content_javascript 기술을 지우는 JS 방법

이 기사의 예에서는 선택한 콘텐츠를 지우는 JS 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

오늘은 DIV 드래그 효과를 만들다가 드래그하면 페이지의 텍스트가 선택되는 것을 발견하고 JS가 선택한 콘텐츠를 지우는 방법에 대한 정보를 찾아보았습니다.

얻은 결과에서 발견됨: Google, Firefox 및 Opera 브라우저에서는 window 객체에 getSelection 속성이 있지만 IE에서는 없습니다. IE의 문서 개체에는 선택 속성이 있으므로 페이지에서 선택한 내용을 지우는 문제를 해결할 수 있습니다.

Google, Firefox 및 Opera 브라우저에서는 window.getSelection().removeAllRanges()를 통해 선택한 콘텐츠를 쉽게 지울 수 있습니다. IE에서는 document.selection.empty()를 통해 선택한 콘텐츠를 지울 수 있습니다.

다음과 같이 작성할 수 있습니다.

var clearSlct= "getSelection" in window ? function(){
 window.getSelection().removeAllRanges();
} : function(){
 document.selection.empty();
};

window의 "getSelection"은 창 개체에 getSelection 속성이 포함되어 있는지 확인하는 데 사용됩니다. true인 경우 현재 브라우저가 getSelection을 지원한다는 의미입니다. 즉, 브라우저가 IE 브라우저가 아니며 그 반대의 경우도 마찬가지입니다.

사용자가 페이지에서 콘텐츠를 선택하지 못하도록 하려면 다음과 같이 할 수 있습니다.

//防止鼠标选中内容（当鼠标松开时清除选中内容）
window.onmouseup=function(){
 clearSlct();
}
   
//防止通过键盘选中内容（当按键松开时清除选中内容）
window.onkeyup=function(){
 clearSlct();
}
 
//使用jQuery的方法
$(window).on("mouseup keyup",function(){
 clearSlct();
});

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.