이 기사에서는 다양한 브라우저와 호환되는 선택된 텍스트를 얻는 방법에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
실행 효과의 스크린 샷은 다음과 같습니다.
특정 코드는 다음과 같습니다.
<! docType html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> <meta http-equiv = "content-type"content = "text/html; charset; 선택된 </title> <Style type = "text/css"> #showselected {margin : 100px auto; 너비 : 100%; 높이 : 200px; 배경 : #ececec; 국경 : 1px Solid #CCC; } </style> <script type = "text/javaScript"> // 선택한 텍스트 기능을 가져 오려면 객체를 전달합니다. } // firefox 아래에서 선택 텍스트를 가져옵니다 if (wind } // firefox 아래에서 입력 또는 텍스트 주제 필드의 선택 텍스트를 가져옵니다. if (e.selectionStart! = undefined && e.SelectionEnd! = undefined) {var start = e.SelectionStart; var end = e.selectionend; return e.value.substring (시작, 끝); }} document.onmouseup = function () {var ta = document.getElementById ( "myDiv"); document.getElementById ( "showSelected"). innerHtml = getSelectedText (document.body);} </script> </head> <body> <div id = "mydiv"> 테스트 프로그램입니다! </div> <div id = "showSelected"> </div> </body> </html>JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술의 요약" "JavaScript 기술의 요약" "" "요약" "", Malgority Sknickes의 요약 "". JavaScript Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.