Debido a que el usuario solicita asociarse con el objeto Textrange, un objeto utilizado para procesar la parte de texto del objeto JavaScript.
Textrange es un objeto utilizado para expresar caracteres chinos en elementos HTML. Aunque no usamos este objeto muy a menudo, se proporciona en IE4.0. Sin embargo, los métodos de llamadas proporcionados por Textrange son relativamente oscuros, entonces, ¿qué podemos hacer con él?
El uso tradicional de Textrange es operar el contenido de texto seleccionado por los usuarios con un mouse en la página web, como cambios, eliminación, nuevas adiciones, etc. Pero su propósito clásico es encontrar texto (esto es relativamente simple) en una página web y obtener la posición del cursor de cuadro de entrada. Este último puede generar muchos más usos útiles, como: limitar la entrada MaskTextBox, su punto técnico principal es obtener la posición del cursor del cuadro de entrada y luego usar expresiones regulares para juzgar el contenido de entrada. También está el "Uso de teclas de flecha para navegar naturalmente en la matriz de cuadro de entrada" que introduciré más adelante. El punto técnico central también es obtener la posición del cursor en el cuadro de entrada.
Todo el código para obtener la posición del cursor en el cuadro de entrada es realmente muy corto, pero estos objetos y métodos no se usan muy comúnmente.
Código JS
<span style = "font-size: mediano;"> <script language = "javaScript"> función getCurSorpsn (txb) {var slct = document.selection; var rng = slct.createrange (); txb.select (); rng.setEndpoint ("startTostart", slct.createrange ()); var psn = rng.text.length; rng.ocollapse (falso); rng.select (); devolver psn; } </script> </span>Aquí hablaremos sobre los efectos secundarios que traerán a la operación del cuadro de entrada después de usar el método getCursRorPsN ().
Para el cuadro de entrada
Código HTML
<span style = "font-size: mediano;"> <input type = "text" onkeydown = "getCursRorpsn (this)"> </span>
Ya no podrá usar las teclas Shift+ Izquierda y Derecha para seleccionar texto;
Código HTML
<span style = "font-size: medium;"> <textarea onkeydown = "getCursorpsn (this)"> </xtexarea> </span>
, ya no puede usar las teclas de dirección SHIFT+ Up, Bown, Left y Right Right para seleccionar texto. Porque después de que el código obtiene el punto de inicio del cursor actual al texto, llamando a Rng.Collapse (falso); cambiará el punto de edición del texto en la canasta de texto.
1. Fragmentos de código para cumplir con los requisitos del usuario, use las teclas superiores, inferiores, izquierda y correcta para lograr el salto del cuadro de texto y seleccione el contenido del cuadro de texto para facilitar la modificación del usuario. El código es el siguiente:
Código JS
<span style = "font-size: mediano;"> var range = $ currentTextfield.createTextrange (); // $ currentTextfield es un range de objeto jQuery.movestart ('carácter', 0); range.select (); </span>El siguiente es un artículo importado sobre Textrange que me siento bastante bien:
Código HTML
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <title> nuevo documento </title> <meta http-oquiv = "content-type" content = "text/html; charset = utf-8"/> <syle> body {font-tise: 12px; } #show {Background-Color: #ccff99; } </style> </head> <body> <textarea id = "content" cols = "30" filas = "10"> los peces en el río mueren extrañamente, los residentes aguas abajo sufren de enfermedades extrañas y las plantas a lo largo de la costa mutan constantemente. ¿Son pesticidas residuales? ¿O un ataque bioquímico? Por favor, preste atención al CCTV -10 "Científica Exploración" esta noche, el próximo programa especial: "El misterioso lavado de pies por el río - equipo de fútbol masculino chino" </textarea> <botón id = "btn"> Obtener el valor seleccionado </boton> <div it = "show"> </div> <script> string.prototype.trim = function () {return thoton thit.rerepLace (/^s+| s+| |/s+|/$/$/$/$/$/$/$ | ""); } /* Hay algunos problemas en el método un ff* / function getSelectText () {try {// ie: document.selection.createrGe () w3c: window.getSelection () var selectText = (document.selection && document.selection.createrGe)? document.Selection.CreaterGeArgle (). Text: Window.getSelection (). ToString (); if (selectText! = null && selectText.trim ()! = "") {return selectText; }} catch (err) {}} /* método 2* / function getSelectText2 (id) {var t = document.getElementById (id); if (window.getSelection) {if (t.selectionStart! = Undefined && t.selectionEd } else {return ""; }} else {return document.selection.createrange (). Text; }} document.getElementById ('btn'). onClick = function () {document.getElementById ('show'). innerHtml = getSelectText2 ('content'); } </script> </body> </html>