JavaScript記錄遊標在編輯器中位置的實作方法_javascript技巧
本文實例講述了JavaScript記錄遊標在編輯器中位置的實作方法。分享給大家參考，具體如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
function $(ele){return document.getElementById(ele)}
//记录编辑器中的位置
var selection_start;
var selection_end;
function savePos(textBox){
var start=0;
var end=0;
if(typeof(textBox.selectionStart) == "number"){ // not ie
//alert(typeof(textBox.selectionStart) );
start = textBox.selectionStart;
end = textBox.selectionEnd;
}
else if(document.selection){
var range = document.selection.createRange();
if(range.parentElement().id == textBox.id){
var range_all = document.body.createTextRange();
range_all.moveToElementText(textBox);
for (start=0; range_all.compareEndPoints("StartToStart", range) < 0; start++)
range_all.moveStart('character', 1);
for (var i = 0; i <= start; i ++){
if (textBox.value.charAt(i) == '/n')
start++;
}
var range_all = document.body.createTextRange();
range_all.moveToElementText(textBox);
for (end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; end ++)
range_all.moveStart('character', 1);
for (var i = 0; i <= end; i ++){
if (textBox.value.charAt(i) == '/n')
end ++;
}
}
}
selection_start = start;
selection_end = end;
}
</script>
<form action="" id="test">
<textarea id="t" onfocus="savePos(this);$('log').value=selection_start" onkeydown="savePos(this);$('log').value=selection_start" onmousedown="savePos(this);$('log').value=selection_start" onmouseup="savePos(this);$('log').value=selection_start" >
</textarea>
<input type="text" id="log" />
</form>
</body>
</html>
更多關於JavaScript相關內容可查看本站專題：《JavaScript切換特效與技巧總結》、《JavaScript查找演算法技巧總結》、《JavaScript動畫特效與技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript資料結構與演算法技巧總結》、《JavaScript遍歷演算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程式設計有所幫助。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
拼多多買過的東西在哪裡查看記錄 查看買過的商品記錄的方法
Mar 12, 2024 pm 07:20 PM
拼多多軟體內提供的商品好物非常多，隨時隨地想買就買，而且每一件商品品質都是嚴格把關的，件件商品都是正品，不同還有非常多優惠的購物折扣，讓大家網購根本停不下來。輸入手機號碼在線登錄，在線添加多個收貨地址和聯繫方式，可以隨時查看最新的物流動態，不同品類的商品板塊都是開放的，搜索上下滑動選購下單，足不出戶輕鬆體驗便捷的網購服務，還能查看所有的購買記錄，包括自己買過的商品，數十個購物紅包、優惠券免費領取使用，現在小編在線詳細為拼多多用戶們帶來查看買過的商品記錄的方法。 1.打開手機，點選拼多多圖標，
星穹鐵道克勞克影視樂園摺紙小鳥位置
Mar 27, 2024 pm 11:51 PM
星穹鐵道克勞克影視樂園總共有20隻摺紙小鳥，有很多玩家不知道克勞克影視樂園摺紙小鳥在哪，小編已經把每隻摺紙小鳥位置全部都總結出來了，幫助大家進行尋找，具體內容一起來看看這篇克勞克影視樂園摺紙小鳥位置最新匯總。崩壞星穹鐵道攻略大全星穹鐵道克勞克影視樂園摺紙小鳥位置1、克勞克影視樂園一層2、克勞克影視樂園二層
C語言程式設計必備軟體：五個推薦給初學者的好幫手
Feb 20, 2024 pm 08:18 PM
C語言作為一門基礎而重要的程式語言，對於初學者來說，選擇合適的程式設計軟體是非常重要的。在市面上有許多不同的C語言程式設計軟體可供選擇，但對於初學者來說，適合自己的選擇可能有些困惑。本文將推薦給初學者的五個C語言程式設計軟體，幫助他們快速入門並提升程式設計能力。 Dev-C++Dev-C++是一款免費開源的整合開發環境（IDE），特別適合初學者使用。它簡單易用，整合了編輯器、
了解pip安裝包儲存的位置和結構
Jan 18, 2024 am 08:23 AM
深入了解pip安裝的套件存放位置，需要具體程式碼範例pip是Python語言常用的套件管理工具，用於方便安裝、升級和管理Python套件。在使用pip安裝套件時，它會自動從PyPI（Python套件索引）下載對應的套件文件，並將其安裝到指定的位置。那麼，pip安裝的套件究竟存放在哪裡呢？這是很多Python開發者都會遇到的問題。本文將深入探討pip安裝的套件存放位置，並提供
win11關機位置
Jan 10, 2024 am 09:14 AM
如果我們要長時間離開電腦，那麼最好將電腦關機保護它，那麼win11關機在哪裡呢，其實一般來說只要打開開始選單，在其中就可以找到關機按鈕了。 win11關機在哪裡：答：在開始功能表的電源按鈕。 1.首先我們點選底部工作列的「windows標誌」開啟「開始功能表」2、開啟後，可以在右下角找到「電源」按鈕，如圖所示。 3.點擊電源按鈕後，就能看到「關機」了，點擊它就能關機。 4.如果因為當機等特殊狀況無法關機，那麼可以直接用電腦上的「電源鍵」長按強制關機。
最後紀元競技場在哪
Mar 07, 2024 pm 08:16 PM
在《最後紀元》中，玩家可以玩多種形式，如遊戲模式、挑戰模式和競技場等。競技場則是遊戲的終極玩法，提供兩種模式供玩家選擇。最後紀元競技場在哪裡答：競技場屬於終局玩法，具體位置在冠軍之門。需要取得競技場鑰匙或記憶的競技場鑰匙，右鍵後可見世界地圖，並能找到冠軍之門的具體位置。競技場分為兩大模式：競技場冠軍模式和無盡競技場模式。前者包括40波敵人與選擇的獎勵，總要在與競技場冠軍的較量中達到頂峰。競技場冠軍模式共有4階段，難度越高，獎勵越好。無盡競技場是無限波次的模式，難度逐漸增加，成績最好的挑戰者將
美團天天神券位置在哪_美團天天神券位置介紹
Mar 27, 2024 pm 05:11 PM
1.我們打開手機中的美團，然後在首頁點選左上角的外帶選項。 2.進入外帶的平台頁面之後，在首頁就可以看到有天天神券的板塊了，直接點擊。 3.進入天天神券之後，就會看到很多的活動，點擊完成，然後我們完成任務就可以獲得獎勵了。
快手發佈於哪裡怎麼改位置？已經上傳的影片怎麼加入位置？
Mar 21, 2024 pm 06:00 PM
作為國內知名的短影片平台，快手為許多創作者提供了展現才華和分享生活的機會。在上傳影片時，一些新手創作者可能會困惑於如何更改影片發布位置。本文將為您介紹快手影片發布位置的更改方法，並分享一些快手影片發布的技巧，幫助您更好地利用這個平台展示自己的作品。一、快手發佈於哪裡怎麼改位置？ 1.發布介面：在快手APP中，點選「發布」按鈕，進入影片發佈介面。 2.位置資訊：在發佈介面，有「位置」欄，點選進入位置選擇介面。 3.更改位置：在位置選擇介面，點選「定位」按鈕，可以查看目前所在位置。如需更改位置，點擊「位
