مثال على استخدام CreateTexTrange () يحتوي على بعض المحتوى النص المحدد في مربع النص

نسخة الكود كما يلي:

<script language = "javaScript">

اختبار الوظيفة ()

{

var rng = document.body.createTexTrange () ؛

تنبيه (rng.text)

}

وظيفة test1 ()

{

var rng = document.body.createTexTrange () ؛

تنبيه (rng.htmltext)

}

</script>

<type type = "button" onClick = "test ()" value = "text">

<type type = "button" onClick = "test1 ()" value = "htmltext">

احصل على النص المحدد في مربع النص المحدد: فقط الرد على مربع النص الأول

نسخة الكود كما يلي:

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

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

<type 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>

البحث العكسي لنص الصفحة

نسخة الكود كما يلي:

أبابابابابابابا

<value inpult = "Orvense Order Find A" onClick = myFindText ("A") type = "button">

<script language = 'javaScript'>

var rng = document.body.createTexTrange () ؛

وظيفة myFindText (نص)

{

rng.collapse (false) ؛

if (rng.findtext (النص ، -1،1))

{

rng.select () ؛

rng.collapse (صواب) ؛

}آخر

{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>

<type 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 ())

ALERT (S.Text.Length) ؛

}

</script>

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

<type 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 (صحيح) ؛

R.Select () ؛

}

</script>

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

<حدد OnChange = "setPos (this.selectedIndex)">

<Option Value = "0"> 0 </soph>

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

<Option Value = "2"> 2 </soph>

<Option Value = "3"> 3 </soph>

<Option Value = "4"> 4 </Option>

<Option Value = "5"> 5 </soph>

<Option Value = "6"> 6 </soph>

<Option Value = "7"> 7 </soph>

</select>

حدد فقرة نصية في مربع النص

نسخة الكود كما يلي:

<لغة البرنامج النصي = javaScript>

وظيفة SEL (OBJ ، NUM)

{

var rng = obj.createtextrange ()

var sel = rng.duplicate () ؛

Sel.Movestart ("الحرف" ، num) ؛

sel.setendpoint ("EndTostart" ، RNG) ؛

sel.select () ؛

}

</script>

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

<حدد OnChange = "sel (text1 ، this.value)">

<Option Value = "0"> 0 </soph>

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

<Option Value = "2"> 2 </soph>

<Option Value = "3"> 3 </soph>

<Option Value = "4"> 4 </Option>

<Option Value = "5"> 5 </soph>

<Option Value = "6"> 6 </soph>

<Option Value = "7"> 7 </soph>

</select>

تحكم في حركة المؤشر في مربع النص

نسخة الكود كما يلي:

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

<input id = "demo" value = "هنا نص">

<type type = "button" value = ">" onClick = go (1)>

<script language = "javaScript">

وظيفة الذهاب (n) {

demo.focus () ؛

مع (document.selection.createRange ())

{

Movestart ("الحرف" ، ن) ؛

ينهار()؛

يختار()؛

}

}

</script>