Contoh penggunaan createTextrange () berisi beberapa konten teks yang dipilih di kotak teks

Salinan kode adalah sebagai berikut:

<bahasa skrip = "javascript">

tes fungsi ()

{

var rng = document.body.createTextrange ();

peringatan (rng.text)

}

function test1 ()

{

var rng = document.body.createTextrange ();

peringatan (rng.htmltext)

}

</script>

<input type = "tombol" ontClick = "test ()" value = "text">

<input type = "tombol" ontClick = "test1 ()" value = "htmltext">

Dapatkan teks yang dipilih di kotak teks yang ditentukan: Hanya menanggapi kotak teks pertama

Salinan kode adalah sebagai berikut:

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

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

<input type = "tombol" ontClick = "test ()" value = "ok">

<bahasa skrip = "javascript">

tes fungsi ()

{

var o = document.geteLementById ("inp1")

var r = document.selection.createrange ();

if (o.createTextrange (). inrange (r))

peringatan (r.text);

}

</script>

Pencarian Teks Halaman Terbalik

Salinan kode adalah sebagai berikut:

ABABABABABABABABABA

<input value = "Reverse Order Temukan" onClick = myFindText ("a") type = "Tombol">

<bahasa skrip = 'javascript'>

var rng = document.body.createTextrange ();

Fungsi myFindText (teks)

{

rng.collapse (false);

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

{

rng.select ();

rng.collapse (true);

}kalau tidak

{alert ("end");}

}

</script>

Fokus pada kontrol dan letakkan kursor di ujung

Salinan kode adalah sebagai berikut:

<bahasa skrip = "javascript">

function setFocus ()

{

var obj = event.srcelement;

var txt = obj.createTextrange ();

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

txt.collapse (true);

txt.select ();

}

</script>

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

Dapatkan posisi kursor di kotak teks

Salinan kode adalah sebagai berikut:

<bahasa skrip = "javascript">

function getPos (obj) {

obj.focus ();

var s = document.selection.createrange ();

S.SetendPoint ("StartToStart", OBJ.CreateTextrange ())

alert (s.text.length);

}

</script>

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

<input type = "tombol" value = "getCursor Position" onclick = getPos (txt1)>

Kontrol posisi kursor di kotak input

Salinan kode adalah sebagai berikut:

<bahasa skrip = "javascript">

function setPos (num)

{

text1.focus ();

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

var r = e.createTextrange ();

r.movestart ('karakter', num);

r.collapse (true);

R.Select ();

}

</script>

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

<Pilih Onchange = "SetPos (This.SelectedIndex)">

<Option value = "0"> 0 </pection>

<Option value = "1"> 1 </pection>

<Option value = "2"> 2 </pection>

<Option value = "3"> 3 </pection>

<Option value = "4"> 4 </pection>

<Option value = "5"> 5 </pection>

<Option value = "6"> 6 </pection>

<Option value = "7"> 7 </pection>

</pilih>

Pilih paragraf teks di kotak teks

Salinan kode adalah sebagai berikut:

<bahasa skrip = javascript>

fungsi sel (obj, num)

{

var rng = obj.createTextrange ()

var sel = rng.duplicate ();

sel.movestart ("karakter", num);

sel.setendpoint ("endtostart", rng);

sel.select ();

}

</script>

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

<Pilih Onchange = "Sel (Text1, This.Value)">

<Option value = "0"> 0 </pection>

<Option value = "1"> 1 </pection>

<Option value = "2"> 2 </pection>

<Option value = "3"> 3 </pection>

<Option value = "4"> 4 </pection>

<Option value = "5"> 5 </pection>

<Option value = "6"> 6 </pection>

<Option value = "7"> 7 </pection>

</pilih>

Kontrol pergerakan kursor di kotak teks

Salinan kode adalah sebagai berikut:

<input type = "tombol" value = "<" ontClick = go (-1)>

<input id = "demo" value = "ini teks">

<input type = "Tombol" value = ">" onClick = go (1)>

<bahasa skrip = "javascript">

fungsi go (n) {

demo.focus ();

dengan (document.selection.createrange ())

{

movestart ("karakter", n);

runtuh();

memilih();

}

}

</script>