В этой статье описывается метод получения выбранного текста, который совместим с различными браузерами. Поделитесь этим для вашей ссылки, следующим образом:
Скриншот экрана бега выглядит следующим образом:
Конкретный код заключается в следующем:
<! 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 = "textml; Выбранный </title> <style type = "text/css"> #showselected {margin: 100px auto; Ширина: 100%; Высота: 200px; Фон: #ECEC; Граница: 1PX SOLID #CCC; } </style> <script type = "text/javascript"> // пройти в объекте, чтобы получить выбранную текстовую функцию getSelectedText (e) {// Получить текст выбора в IE if (document.selection) {return document.selection.createrange (). Text; } // Получить текст выбора под Firefox else if (window.getSelection (). ToString ()) {return window.getSelection (). ToString (); } // Получите текст выбора поля ввода или текста в Firefox else if (e.selectionstart! = Undefined && e.selectionend! = Undefined) {var start = e.selectionStart; var end = e.selectionend; вернуть e.value.substring (Start, End); }} 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>For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation effects and techniques", "Summary of JavaScript errors and debugging techniques", "Summary of JavaScript data structures and algorithm skills", "Summary of Алгоритмы и методы обхода JavaScript »и« Сводка использования математических операций JavaScript ».
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.