<HTML> <HEAD> <TITLE>測試網頁</TITLE> <SCRIPT> //獲取光標所在文本框的位置 function getCaret(textbox) { var control = document.activeElement; textbox.focus(); var rang = document.selection.createRange(); rang.setEndPoint("StartToStart",textbox.createTextRange()) control.focus(); alert(rang.text.length); } //獲取光標所在文本域的位置 function getCaretForTextArea(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;//獲得長度.也就是光標的位置 alert(pos); 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(); } //設置光標位置的調用函數 function readyforset(id){ var pos = document.getElementById('setpos').value; setCaret(id,pos); } </SCRIPT> </HEAD> <BODY> 在此輸入框中輸入內容，以測試相關的功能：<br/> <input id=eim type=text value='' style="width: 300px;background-color: orange;" /><br/><br/> 功能按鈕區：<br/> <input type=button value="獲取光標位置" οnclick="getCaret(document.getElementById('eim'))" /><br/><br/> <input type=button value="設置光標位置" οnclick="readyforset('eim')" /><input type=text id=setpos value='0' /> <br/><br/><br/><br/><br/> <textarea id="eimarea" col="5" row="5"></textarea><br/> <input type=button value="獲取文本域光標位置" οnclick="getCaretForTextArea('eimarea')" /> </BODY> </HTML>
DevExtreme擁有高性能的HTML5 / JavaScript小部件集合*使您可以利用現代Web開發堆棧*包括React*Angular*ASP.NET Core*jQuery*Knockout等*構建交互式的Web應用程序。從Ang
前端面試題 - 說一下原型和原型鏈？ JavaScript 中，萬物皆對象，對象分爲普通對象和函數對象。 所有的函數都是函數對象（typeof f === 'function'），其他都是普通對象（typeof o === 'object'
唯一索引（Unique Index）：保證索引列的值是唯一的，即重複值不允許。 非唯一索引（Non-Unique Index）：允許重複值存在。 組合索引（Composite Index）：在表的多個列上創建索引。 反向鍵索引（Rever
IPD（集成產品開發）模型的核心價值在於它改變了企業對於產品研發的固有觀點，將企業產研的重點由“技術爲導向”升級爲“用戶需求爲導向”，強調企業在產品的研發過程中堅持以用戶/客戶爲中心。 在IPD（集成產品開發）的模式中，需要企業或者團隊在限
用於衡量算法佔用內存空間隨着數據量變大時的增長趨勢。這個概念與時 間複雜度非常類似，只需將“運行時間”替換爲“佔用內存空間”。 算法在運行過程中使用的內存空間主要包括以下幾種。 ‧ 輸入空間：用於存儲算法的輸入數據。
/** * 處理富文本里的圖片寬度自適應 * 1.去掉img標籤裏的style、width、height屬性 * 2.img標籤添加style屬性：max-width:100%;height:auto * 3.修改所有style裏的
在Vue中，style scope是一個特性，它可以防止組件的樣式影響到其他組件，從而減少樣式衝突。這個特性通過在生成的CSS選擇器中自動添加一個屬性（通常是data-v-hash）來實現。 如果你遇到了style scope導致樣式無法被
DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Ang
一.Vue文件內容 <template> </template> <script> </script> <style> </style>
CSDN應該是大家接觸到最多的博客平臺了，所以一款能夠發佈到CSDN的自動化工具還是非常有必要的。 今天給大家講講自動化CSDN博客發佈的思路和一些問題的解決辦法。 解決問題的思路一定是最重要的，知識是死的，問題是活的，如何在工作中解決遇
本文分享自華爲雲社區《6個實例帶你解讀TinyVue 組件庫跨框架技術》，作者： 華爲雲社區精選。 在DTSE Tech Talk 《 手把手教你實現mini版TinyVue組件庫 》的主題直播中，華爲雲前端開發DTSE技術佈道師阿健老師給
前言 在現代的Web應用開發中，與Excel文件的導入和導出成爲了一項常見而重要的任務。無論是數據交換、報告生成還是數據分析，與Excel文件的交互都扮演着至關重要的角色。本文小編將爲大家介紹如何在熟悉的電子表格 UI 中輕鬆導入 Exce
As an app developer, staying on top of the latest technologies and tools is essential to creating cutting-edge applicati
Java有8種基本數據類型，每種基本數據類型都提供了一種對應的包裝類型，從 Java 5 開始引入了自動裝箱/拆箱機制，使得二者可以相互轉換。 原始類型: boolean，char，byte，short，int，long，float，do
{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image"
