Kimi's NutShell

          我荒廢的今日,正是昨日殞身之人祈求的明日

          BlogJava 新隨筆 管理
            141 Posts :: 0 Stories :: 75 Comments :: 0 Trackbacks
          小弟最近在寫一個在線編輯器,UBB版的,由于沒有使用彈出窗口,所以,在添加代碼的時候,只能添在TextArea的最后面,無法在光標之前插入,于是在網上瘋狂的找資料,工夫不負有心人,終于被我找到了如何獲得TextArea中的位置,但是如果TextArea中有很多內容的時候,會顯得很閃爍。其代碼如下。

            function getPos(obj)
            {
            obj.focus();
            var workRange=document.selection.createRange();
            obj.select();
            var allRange=document.selection.createRange();
            workRange.setEndPoint("StartToStart",allRange);
            var len=workRange.text.length;
            workRange.collapse(false);
            workRange.select();

            return len;
            }

            這時候問題出來了,在obj.select()的時候,會造成閃爍,并且滾動條也無法歸位。于是小弟根據自己的需要,將其改寫如下:

          function getCaret(ZysrID)
          {
          ?var txb = document.getElementById(ZysrID);//根據ID獲得對象
          ?var pos = 0;//設置初始位置
          ?txb.focus();//輸入框獲得焦點,這句也不能少,不然后面會出錯,血的教訓啦.
          ?var s = txb.scrollTop;//獲得滾動條的位置
          ?var r = document.selection.createRange();//創建文檔選擇對象
          ?var t = txb.createTextRange();//創建輸入框文本對象
          ?t.collapse(true);//將光標移到頭
          ?t.select();//顯示光標,這個不能少,不然的話,光標沒有移到頭.當時我不知道,搞了十幾分鐘
          ?var j = document.selection.createRange();//為新的光標位置創建文檔選擇對象
          ?r.setEndPoint("StartToStart",j);//在以前的文檔選擇對象和新的對象之間創建對象,媽的,不好解釋,我表達能力不算太好.有興趣自己去看msdn的資料
          ?var str = r.text;//獲得對象的文本
          ?var re = new RegExp("[\\n]","g");//過濾掉換行符,不然你的文字會有問題,會比你的文字實際長度要長一些.搞死我了.我說我得到的數字怎么總比我的實際長度要長.
          ?str = str.replace(re,"");//過濾
          ?pos = str.length;//獲得長度.也就是光標的位置
          ?r.collapse(false);
          ?r.select();//把光標恢復到以前的位置
          ?txb.scrollTop = s;//把滾動條恢復到以前的位置
          }

          //設置光標函數

          function setCaret(id,pos)
          {
            var textbox = document.all(id);
            var r = textbox.createTextRange();
            r.collapse(true);
            r.moveStart(@#character@#,pos);
            r.select();
          }

          posted on 2007-05-08 17:04 Kimi 閱讀(706) 評論(0)  編輯  收藏 所屬分類: Other SkillsJS精彩片段
          主站蜘蛛池模板: 高陵县| 大荔县| 邵阳市| 理塘县| 保德县| 都匀市| 纳雍县| 东丽区| 永寿县| 崇左市| 平潭县| 凤城市| 清涧县| 汤阴县| 三河市| 揭西县| 砀山县| 剑川县| 淳安县| 临夏市| 三门县| 永德县| 杂多县| 哈巴河县| 平塘县| 斗六市| 喀什市| 贡嘎县| 拉孜县| 启东市| 黄冈市| 洛隆县| 新田县| 汉源县| 石首市| 巨野县| 武邑县| 武乡县| 昆明市| 漠河县| 屏南县|