Пример использования CreateTexTrange () содержит некоторое текстовое содержимое, выбранное в текстовом поле

Кода -копия выглядит следующим образом:

<script language = "javascript">

Функциональный тест ()

{

var rng = document.body.createTexTrange ();

оповещение (RNG.Text)

}

Функциональный тест1 ()

{

var rng = document.body.createTexTrange ();

оповещение (rng.htmltext)

}

</script>

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

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

Получите выбранный текст в указанном текстовом поле: Ответьте только на первое текстовое поле

Кода -копия выглядит следующим образом:

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

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

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

<script language = "javascript">

Функциональный тест ()

{

var O = document.getElementById ("inp1")

var r = document.selection.createrange ();

if (o.createTexTrange (). inrange (r))

оповещение (R.Text);

}

</script>

Обратный поиск текста страницы

Кода -копия выглядит следующим образом:

Абабабабабабабабабаба

<input value = "обратный заказ найдите" onclick = myfindtext ("a") type = "кнопка">

<script language = 'javascript'>

var rng = document.body.createTexTrange ();

Функция myfindtext (текст)

{

rng.collapse (false);

if (rng.findtext (текст, -1,1))

{

rng.select ();

rng.collapse (true);

}еще

{alert ("end");}

}

</script>

Сосредоточьтесь на управлении и поместите курсор до конца

Кода -копия выглядит следующим образом:

<script language = "javascript">

функция setFocus ()

{

var obj = event.srcelement;

var txt = obj.createTexTrange ();

txt.movestart ('персонаж', obj.value.length);

txt.collapse (true);

txt.select ();

}

</script>

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

Получите положение курсора в текстовом поле

Кода -копия выглядит следующим образом:

<script language = "javascript">

функция getPos (obj) {

obj.focus ();

var s = document.selection.createrange ();

s.setendpoint ("starttostart", obj.createTextrange ())

оповещение (S.Text.Length);

}

</script>

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

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

Управлять положением курсора в поле ввода

Кода -копия выглядит следующим образом:

<script language = "javascript">

Функция setPos (num)

{

text1.focus ();

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

var r = e.createtextrange ();

R.movestart ('персонаж', num);

R.collapse (True);

r.select ();

}

</script>

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

<SELECT ONCHANGE = "SETPOS (this.selectedIndex)">

<значение опции = "0"> 0 </option>

<vition value = "1"> 1 </option>

<vition value = "2"> 2 </option>

<option value = "3"> 3 </option>

<vition value = "4"> 4 </option>

<option value = "5"> 5 </option>

<vition value = "6"> 6 </option>

<option value = "7"> 7 </option>

</select>

Выберите абзац текста в текстовом поле

Кода -копия выглядит следующим образом:

<сценарий языка = javascript>

Функция sel (obj, num)

{

var rng = obj.createTextrange ()

var sel = rng.duplicate ();

sel.movestart ("символ", num);

sel.setendpoint ("endtostart", rng);

sel.select ();

}

</script>

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

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

<значение опции = "0"> 0 </option>

<vition value = "1"> 1 </option>

<vition value = "2"> 2 </option>

<option value = "3"> 3 </option>

<vition value = "4"> 4 </option>

<option value = "5"> 5 </option>

<vition value = "6"> 6 </option>

<option value = "7"> 7 </option>

</select>

Управляйте движением курсора в текстовом поле

Кода -копия выглядит следующим образом:

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

<input id = "demo" value = "Вот текст">

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

<script language = "javascript">

функция go (n) {

demo.focus ();

с (document.selection.createrange ())

{

MoveStart ("персонаж", n);

крах();

выбирать();

}

}

</script>