JS實現(xiàn)選定指定HTML元素對象中指定文本內(nèi)容功能示例
本文實例講述了JS實現(xiàn)選定指定HTML元素對象中指定文本內(nèi)容功能。分享給大家供大家參考,具體如下:
該功能用處多多,可以靈活運用之!主要函數(shù)如下:
//選中文本中指定部分 function selectSomeText(obj,start,end){ if(document.selection){ if(obj.tagName=='TEXTAREA'){ var i=obj.value.indexOf("\r",0); while(i!=-1&&i<end){ end--; if(i<start){ start--; } i=obj.value.indexOf("\r",i+1); } } var range=obj.createTextRange(); range.collapse(true); range.moveStart('character',start); if(end!=undefined){ range.moveEnd('character',end-start); } range.select(); }else{ obj.selectionStart=start; var sel_end=end==undefined?start:end; obj.selectionEnd=Math.min(sel_end,obj.value.length); obj.focus(); } }
然后調(diào)用之,F(xiàn)or example:
selectSomeText(document.getElementById('jiu_textarea'),2,8) //選中ID為jiu_textarea內(nèi)的第2至8個字!
完整示例如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <script type="text/javascript" language="javascript" > //選中文本中指定部分 function selectSomeText(obj,start,end){ if(document.selection){ if(obj.tagName=='TEXTAREA'){ var i=obj.value.indexOf("\r",0); while(i!=-1&&i<end){ end--; if(i<start){ start--; } i=obj.value.indexOf("\r",i+1); } } var range=obj.createTextRange(); range.collapse(true); range.moveStart('character',start); if(end!=undefined){ range.moveEnd('character',end-start); } range.select(); }else{ obj.selectionStart=start; var sel_end=end==undefined?start:end; obj.selectionEnd=Math.min(sel_end,obj.value.length); obj.focus(); } } </script> </head> <body> <textarea name="jiu_textarea" rows="15" id="jiu_textarea">歡迎訪問腳本之家http://www.dbjr.com.cn</textarea> <script type="text/javascript" language="javascript" > selectSomeText(document.getElementById('jiu_textarea'),2,8)//選中ID為jiu_textarea內(nèi)的第2至8個字! </script> </body> </html>
運行效果圖如下:
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript事件相關操作與技巧大全》、《JavaScript操作DOM技巧總結》、《JavaScript錯誤與調(diào)試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JavaScript一文帶你玩轉(zhuǎn)web表單網(wǎng)頁
表單通常用來收集網(wǎng)頁訪問者信息,常見的表單比如搜索引擎的搜索框、各網(wǎng)頁應用的注冊或者登陸界面等,通讀本篇對大家的學習或工作具有一定的價值,需要的朋友可以參考下2021-10-10用javascript實現(xiàn)gb2312轉(zhuǎn)utf-8的腳本
用javascript實現(xiàn)gb2312轉(zhuǎn)utf-8的腳本...2007-05-05基于JS實現(xiàn)橫線提示輸入驗證碼隨驗證碼輸入消失(js驗證碼的實現(xiàn))
最近在開微信的頁面,在項目需求中遇到之前沒有做過的功能,要求橫線提示輸入驗證碼隨驗證碼輸入橫線消失,基于js怎么實現(xiàn)的呢?下面小編給大家分享基于js實現(xiàn)驗證碼功能,感興趣的朋友一起看看吧2016-10-10JS switch判斷 三目運算 while 及 屬性操作代碼
這篇文章主要介紹了JS switch判斷 三目運算 while 及 屬性操作代碼,需要的朋友可以參考下2017-09-09typescript 將數(shù)組清空的方法實現(xiàn)
在開發(fā)應用程序時,數(shù)組常用于存儲多個元素(如數(shù)字、字符串、對象等),然而,在某些場景下,你可能需要將數(shù)組清空,本文主要介紹了typescript 將數(shù)組清空的方法實現(xiàn),感興趣的可以了解一下2024-08-08JavaScript中防抖和節(jié)流的實戰(zhàn)應用記錄
防抖與節(jié)流都是用來限制用戶頻發(fā)觸發(fā)事件的機制,下面這篇文章主要給大家介紹了關于JavaScript中防抖和節(jié)流的實戰(zhàn)應用,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04