Cet article décrit la méthode d'obtention du texte sélectionné compatible avec divers navigateurs. Partagez-le pour votre référence, comme suit:
La capture d'écran de l'effet de course est la suivante:
Le code spécifique est le suivant:
<!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=utf-8"><title>Text Sélectionné </ title> <style type = "Text / CSS"> #showselected {margin: 100px auto; Largeur: 100%; hauteur: 200px; Contexte: #ECECEC; Border: 1px solide #ccc; } </ style> <script type = "text / javascript"> // transmettez l'objet pour obtenir la fonction de texte sélectionnée getSelectedText (e) {// Obtenez le texte de sélection sous IE if (document.selection) {return document.selection.createrange (). text; } // Obtenez le texte de sélection sous Firefox else if (window.getSelection (). ToString ()) {return window.getSelection (). ToString (); } // Obtenez le texte de sélection du champ d'entrée ou de TextArea sous Firefox else if (E.Selectionstart! = Undefined && e.selectionend! = Undefined) {var start = e.selectionstart; var end = E.SelectionEnd; return e.value.substring (start, fin); }} document.onMouseUp = function () {var ta = document.getElementById ("MyDiv"); document.getElementById ("showSelected"). innerHtml = getSelectedText (document.body);} </cript> </ad> <body> <div id = "MyDiv"> Ceci est un programme de test! </div> <div id = "showSelected"> </div> </ body> </html>Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des effets et techniques de commutation JavaScript", "Résumé des effets et techniques de recherche JavaScript", "Résumé des erreurs Javascript et des techniques de débogage" Algorithmes et techniques de traversée JavaScript ", et" Résumé de l'utilisation des opérations mathématiques JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.