Este artigo descreve o método de obtenção de texto selecionado que é compatível com vários navegadores. Compartilhe -o para sua referência, como segue:
A captura de tela do efeito em execução é a seguinte:
O código específico é o seguinte:
<! Docttype html public "-// w3c // dtd html 4.01 // pt" "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> <meta http-eat = "" contentset "" selecionado </itit> <style type = "text/css"> #showSelected {margin: 100px Auto; largura: 100%; Altura: 200px; Antecedentes: #ECEC; borda: 1px sólido #ccc; } </style> <script type = "text/javascript"> // Passe o objeto para obter a função de texto selecionada getSelectText (e) {// Obtenha o texto de seleção no ie if (document.selection) {return document.selection.createrange (). text; } // Obtenha o texto de seleção em Firefox else if (window.getSelection (). ToString ()) {retorna window.getSelection (). Tostring (); } // Obtenha o texto de seleção do campo de entrada ou textarea em Firefox else if (e.SelectionStart! = Undefined && e.SelectionEnd! = Undefined) {var start = e.SelectionStart; var end = e.Selectionend; retornar e.value.substring (start, end); }} document.onmouseup = function () {var ta = document.getElementById ("mydiv"); Document.getElementById ("ShowSelected"). Innerhtml = getSelectectedText (document.body);} </sCript> </head> <body> <div id = "mydiv"> Este é um programa para teste! </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 Algoritmos e Técnicas de Traversal "e" Resumo do Uso do Javascript Mathematic Operations "
Espero que este artigo seja útil para a programação JavaScript de todos.