Étant donné que l'utilisateur demande à s'associer à l'objet TexTrange, un objet utilisé pour traiter la partie texte de l'objet JavaScript.
Textrange est un objet utilisé pour exprimer les caractères chinois dans les éléments HTML. Bien que nous n'utilisions pas cet objet très souvent, il est fourni dans IE4.0. Cependant, les méthodes d'appel fournies par Textrange sont relativement obscures, alors que pouvons-nous en faire?
L'utilisation traditionnelle de Textrange est de faire fonctionner le contenu texte sélectionné par les utilisateurs avec une souris sur la page Web, tels que les modifications, la suppression, les nouveaux ajouts, etc. Mais son objectif classique est de trouver du texte (ceci est relativement simple) dans une page Web et d'obtenir la position du curseur de la boîte de saisie. Ce dernier peut générer de nombreuses utilisations plus utiles, telles que: limiter le MaskTextBox d'entrée, son point technique principal est d'obtenir la position du curseur de la zone d'entrée, puis d'utiliser des expressions régulières pour juger le contenu d'entrée. Il y a aussi "l'utilisation des touches fléchées pour naviguer naturellement dans la matrice de boîte d'entrée" que je présenterai plus tard. Le point technique central consiste également à obtenir la position du curseur dans la zone d'entrée.
L'ensemble du code pour obtenir la position du curseur dans la zone d'entrée est en fait très court, mais ces objets et méthodes ne sont pas très couramment utilisés.
Code JS
<span style = "font-size: medium;"> <script linguisse = "javascript"> function getCursorpsn (txb) {var slct = document.selection; var rng = slct.createrange (); txb.select (); rng.setendpoint ("startTostart", slct.createrange ()); var psn = rng.text.length; rng.collapse (false); rng.select (); retourner psn; } </cript> </span>Ici, nous parlerons des effets secondaires qui apporteront à l'opération de la zone d'entrée après avoir utilisé la méthode getCursorpsn ().
Pour la boîte d'entrée
Code html
<span style = "font-size: medium;"> <input type = "text" onkeydown = "getCursorpsn (this)"> </span>
Il ne pourra plus utiliser les touches de flèche Shift + Left and Right pour sélectionner le texte;
Code html
<span style = "font-size: medium;"> <textarea onkeydown = "getCursorpsn (this)"> </ textarea> </span>
, vous ne pouvez plus utiliser les touches Shift + Up, Down, Left et Droite pour sélectionner le texte. Parce qu'après le code obtient le point de départ du curseur actuel au texte, appelant rng.collapse (false); changera le point d'édition du texte dans le panier de texte.
1. Code des extraits pour répondre aux besoins des utilisateurs, utilisez les touches supérieures, inférieures, gauche et droite pour réaliser le saut de la zone de texte et sélectionnez le contenu de la zone de texte pour faciliter la modification de l'utilisateur. Le code est le suivant:
Code JS
<span style = "font-size: medium;"> var range = $ currentTextField.CreateExtrange (); // $ currentTextField est une plage d'objet jQuery.movestart ('caractères', 0); range.select (); </span>Ce qui suit est un article importé sur Textrange que je me sens plutôt bien:
Code html
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <éread> <Title> Nouveau document </ title> <meta http-equiv = "Content-Type" Content = "Text / Html; Charset = utf-8" /> <style> body {Font-Size: 12px; } #show {background-Color: # CCFF99; } </ style> </ head> <body> <textarea id = "contenu" cols = "30" rows = "10"> Les poissons de la rivière meurent étrangement, les résidents en aval souffrent de maladies étranges et les plantes le long de la côte mutent constamment. Sont-ils des pesticides résiduels? Ou une attaque biochimique? Veuillez prêter attention à la CCTV-10 "Exploration scientifique" ce soir, le prochain programme spécial: "Le mystérieux Washing Man by the River - Chinese Men's Football Team" </ TextArea> <Button ID = "BTN"> Obtenez la valeur sélectionnée </fonticieuse> <div Id = "Show"> </ Script> String.protototype.trim = ") {Return this.replace (/ ^ / S + | G,"); } / * Il y a quelques problèmes sous la méthode un ff * / fonction getSelectText () {try {// ie: document.selection.createrange () w3c: window.getSelection () var selectText = (document.selection && document.selection.creareange)? Document.Selection.Createrange. if (selectText! = null && selectText.trim ()! = "") {return selectText; }} catch (err) {}} / * Méthode 2 * / fonction getSelectText2 (id) {var t = document.getElementById (id); if (window.getSelection) {if (t.selectionstart! = Undefined && t.selectionend! = Undefined) {return t.value.substring (t.selectionstart, t.selectionnd); } else {return ""; }} else {return document.selection.createrange (). text; }} document.getElementById ('btn'). onClick = function () {document.getElementById ('show'). innerHtml = getSelectText2 ('contenu'); } </ script> </ body> </html>