Como o usuário solicita associar -se ao objeto TexTrange, um objeto usado para processar a parte do texto do objeto JavaScript.
TexTrange é um objeto usado para expressar caracteres chineses nos elementos HTML. Embora não usemos esse objeto com muita frequência, ele é fornecido no IE4.0. No entanto, os métodos de chamada fornecidos pelo TexTrange são relativamente obscuros, então o que podemos fazer com ele?
O uso tradicional do textrange é operar o conteúdo de texto selecionado por usuários com um mouse na página da web, como alterações, exclusão, novas adições etc. Mas seu objetivo clássico é encontrar texto (isso é relativamente simples) em uma página da web e obter a posição do cursor da caixa de entrada. Este último pode gerar muitos usos mais úteis, como: limitando o input MaskTextBox, seu ponto técnico principal é obter a posição do cursor da caixa de entrada e, em seguida, usar expressões regulares para julgar o conteúdo de entrada. Há também as "Usando teclas de seta para navegar naturalmente na matriz da caixa de entrada" que apresentarei posteriormente. O ponto técnico principal é também obter a posição do cursor na caixa de entrada.
Todo o código para obter a posição do cursor na caixa de entrada é realmente muito curto, mas esses objetos e métodos não são muito usados.
Código JS
<span style = "font-size: Medium;"> <script idioma = "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 (); devolver psn; } </script> </span>Aqui falaremos sobre os efeitos colaterais que trarão para a operação da caixa de entrada após o uso do método getCursorpsn ().
Para a caixa de entrada
Código HTML
<span style = "font-size: Medium;"> <input type = "text" onkeydown = "getCursorpsn (this)"> </span>
Ele não poderá mais usar as teclas de seta SHIFT+ SIGHT e DIREITA para selecionar o texto;
Código HTML
<span style = "font-size: médio;"> <texttarea onkeydown = "getCursorpsn (this)"> </sexttarea> </span>
, você não pode mais usar as teclas de direção Shift+ para cima, para baixo, esquerda e direita para selecionar o texto. Porque depois que o código obtém o ponto inicial do cursor atual do texto, chamando RNG.Collapse (false); mudará o ponto de edição do texto na cesta de texto.
1. Os trechos de código para atender aos requisitos do usuário, usar as teclas superior, inferior, esquerda e direita para obter o salto da caixa de texto e selecione o conteúdo da caixa de texto para facilitar a modificação do usuário. O código é o seguinte:
Código JS
<span style = "font-size: médio;"> var range = $ currentTextfield.createtexTrange (); // $ currentTextfield é um range de objetos jQuery.movestart ('caractere', 0); range.Select (); </span>A seguir, é apresentado um artigo importado sobre o textrange que me sinto muito bem:
Código HTML
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> novo documento </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <estilo> corpo {font-sl; } #show {background-color: #ccff99; } </style> </ad Head> <body> <textarea id = "content" cols = "30" linhas = "10"> peixe no rio Die estranhamente, os moradores a jusante sofrem de doenças estranhas e as plantas ao longo da costa constantemente se mudam. Eles são pesticidas residuais? Ou um ataque bioquímico? Por favor, preste atenção ao CCTV -10 "Exploração científica" hoje à noite, o próximo programa especial: "O misterioso homem de lavagem do pé ao lado do rio - time de futebol masculino chinês" </sexttarea> <botão id = "btn"> obtenha o valor selecionado </button> <div id = "Show"> </divinds> <cript> string.protype.trim = function =.))): ""); } /* Existem alguns problemas no método um ff* / function getSelectText () {try {// ie: document.selection.createrange () w3c: window.getSelection () var selectText = (document.selection && document.selection.createrange)? Document.Selection.Cereterange (). Texto: Window.GetSelection (). ToString (); if (selectText! = NULL && SElectText.Trim ()! = "") {return SelectText; }} catch (err) {}} /* método 2* / função getSelectText2 (id) {var t = document.getElementById (id); if (window.getSelection) {if (t.SelectionStart! = indefinido && t.SelectionEnd! = indefinido) {return t.value.substring (t.selectionStart, t.selectionend); } else {return ""; }} else {return document.selection.createrange (). text; }} document.getElementById ('btn'). OnClick = function () {document.getElementById ('show'). inerhtml = getSelectText2 ('content'); } </script> </body> </html>