Exemplo de usar CreateTeTexTrange () contém algum conteúdo de texto selecionado na caixa de texto

A cópia do código é a seguinte:

<Script Language = "JavaScript">

teste de função ()

{

var rng = document.body.createTexTrange ();

alerta (rng.text)

}

função test1 ()

{

var rng = document.body.createTexTrange ();

alerta (rng.htmltext)

}

</script>

<input type = "button" onclick = "test ()" value = "text">

<input type = "button" onclick = "test1 ()" value = "htmltext">

Obtenha o texto selecionado na caixa de texto especificada: responda apenas à primeira caixa de texto

A cópia do código é a seguinte:

<input id = "inp1" type = "text" value = "1234567890">>

<input id = "inp2" type = "text" value = "9876543210">

<input type = "button" onclick = "test ()" value = "ok">

<Script Language = "JavaScript">

teste de função ()

{

var o = document.getElementById ("inp1")

var r = document.selection.createrange ();

if (O.CreateTexTrange (). INRANGE (R))

Alerta (R.Text);

}

</script>

Pesquisa reversa do texto da página

A cópia do código é a seguinte:

Ababababababababababa

<input value = "ordem reversa encontre um" onclick = myfindText ("a") type = "button">>

<Script Language = 'JavaScript'>

var rng = document.body.createTexTrange ();

função myFindText (texto)

{

rng.collapse (false);

if (rng.findText (texto, -1,1))

{

rng.Select ();

rng.collapse (true);

}outro

{alert ("end");}

}

</script>

Concentre -se no controle e coloque o cursor até o fim

A cópia do código é a seguinte:

<Script Language = "JavaScript">

função setFocus ()

{

var obj = event.srcelement;

var txt = obj.createTexTrange ();

txt.movestart ('personagem', obj.value.length);

txt.collapse (true);

txt.Select ();

}

</script>

<input type = "text" value = "http://toto369.net" onfocus = "setfocus ()">

Obtenha a posição do cursor na caixa de texto

A cópia do código é a seguinte:

<Script Language = "JavaScript">

função getpos (obj) {

obj.focus ();

var s = document.Selection.Createrange ();

S.SetEnDpoint ("StartTostart", obj.createTexTrange ())

alerta (s.text.length);

}

</script>

<input type = "text" id = "txt1" value = "1234567890">

<input type = "button" value = "getCursor Position" OnClick = getPos (txt1)>

Controle a posição do cursor na caixa de entrada

A cópia do código é a seguinte:

<Script Language = "JavaScript">

função setpos (num)

{

text1.focus ();

var e = document.getElementById ("text5");

var r = e.createTexTrange ();

R.Movestart ('personagem', num);

R.Collapse (True);

R.Select ();

}

</script>

<input type = "text" id = "text5" value = "1234567890">>

<select onchange = "setPos (this.SelectedIndex)">

<opção value = "0"> 0 </pption>

<opção value = "1"> 1 </pption>

<opção value = "2"> 2 </pption>

<opção value = "3"> 3 </pption>

<opção value = "4"> 4 </pption>

<opção value = "5"> 5 </pption>

<opção value = "6"> 6 </pption>

<opção value = "7"> 7 </pption>

</leclect>

Selecione um parágrafo de texto na caixa de texto

A cópia do código é a seguinte:

<idioma do script = javascript>

função sel (obj, num)

{

var rng = obj.createTexTrange ()

var sel = rng.duplicate ();

Sel.movestart ("personagem", num);

SEL.SETENDPOINT ("ENDTOSTART", RNG);

Sel.Select ();

}

</script>

<input type = "text" id = "text1" value = "1234567890">>

<select onchange = "SEL (text1, this.value)">

<opção value = "0"> 0 </pption>

<opção value = "1"> 1 </pption>

<opção value = "2"> 2 </pption>

<opção value = "3"> 3 </pption>

<opção value = "4"> 4 </pption>

<opção value = "5"> 5 </pption>

<opção value = "6"> 6 </pption>

<opção value = "7"> 7 </pption>

</leclect>

Controle o movimento do cursor na caixa de texto

A cópia do código é a seguinte:

<input type = "button" value = "<" onclick = go (-1)>

<input id = "Demo" value = "Aqui está o texto">

<input type = "button" value = ">" onclick = go (1)>

<Script Language = "JavaScript">

função go (n) {

Demo.focus ();

com (Document.Selection.Createrange ())

{

movestart ("personagem", n);

colapso();

select ();

}

}

</script>