javascript獲取以及設(shè)置光標(biāo)位置
一. 獲取光標(biāo)位置:
// 獲取光標(biāo)位置
function getCursortPosition (textDom) {
var cursorPos = 0;
if (document.selection) {
// IE Support
textDom.focus ();
var selectRange = document.selection.createRange();
selectRange.moveStart ('character', -textDom.value.length);
cursorPos = selectRange.text.length;
}else if (textDom.selectionStart || textDom.selectionStart == '0') {
// Firefox support
cursorPos = textDom.selectionStart;
}
return cursorPos;
}
二. 設(shè)置光標(biāo)位置:
// 設(shè)置光標(biāo)位置
function setCaretPosition(textDom, pos){
if(textDom.setSelectionRange) {
// IE Support
textDom.focus();
textDom.setSelectionRange(pos, pos);
}else if (textDom.createTextRange) {
// Firefox support
var range = textDom.createTextRange();
range.collapse(true);
range.moveEnd('character', pos);
range.moveStart('character', pos);
range.select();
}
}
三. 獲取選中文字:
// 獲取選中文字
function getSelectText() {
var userSelection, text;
if (window.getSelection) {
// Firefox support
userSelection = window.getSelection();
} else if (document.selection) {
// IE Support
userSelection = document.selection.createRange();
}
if (!(text = userSelection.text)) {
text = userSelection;
}
return text;
}
四. 選中特定范圍的文本:
/**
* 選中特定范圍的文本
* 參數(shù):
* textDom [JavaScript DOM String] 當(dāng)前對(duì)象
* startPos [Int] 起始位置
* endPos [Int] 終點(diǎn)位置
*/
function setSelectText(textDom, startPos, endPos) {
var startPos = parseInt(startPos),
endPos = parseInt(endPos),
textLength = textDom.value.length;
if(textLength){
if(!startPos){
startPos = 0;
}
if(!endPos){
endPos = textLength;
}
if(startPos > textLength){
startPos = textLength;
}
if(endPos > textLength){
endPos = textLength;
}
if(startPos < 0){
startPos = textLength + startPos;
}
if(endPos < 0){
endPos = textLength + endPos;
}
if(textDom.createTextRange){
// IE Support
var range = textDom.createTextRange();
range.moveStart("character",-textLength);
range.moveEnd("character",-textLength);
range.moveStart("character", startPos);
range.moveEnd("character",endPos);
range.select();
}else{
// Firefox support
textDom.setSelectionRange(startPos, endPos);
textDom.focus();
}
}
}
五. 在光標(biāo)后插入文本:
/**
* 在光標(biāo)后插入文本
* 參數(shù):
* textDom [JavaScript DOM String] 當(dāng)前對(duì)象
* value [String] 要插入的文本
*/
function insertAfterText(textDom, value) {
var selectRange;
if (document.selection) {
// IE Support
textDom.focus();
selectRange = document.selection.createRange();
selectRange.text = value;
textDom.focus();
}else if (textDom.selectionStart || textDom.selectionStart == '0') {
// Firefox support
var startPos = textDom.selectionStart;
var endPos = textDom.selectionEnd;
var scrollTop = textDom.scrollTop;
textDom.value = textDom.value.substring(0, startPos) + value + textDom.value.substring(endPos, textDom.value.length);
textDom.focus();
textDom.selectionStart = startPos + value.length;
textDom.selectionEnd = startPos + value.length;
textDom.scrollTop = scrollTop;
}
else {
textDom.value += value;
textDom.focus();
}
}
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
js實(shí)現(xiàn)可旋轉(zhuǎn)的立方體模型
這里給大家分享的是通過(guò)js腳本來(lái)控制頁(yè)面中的正方體轉(zhuǎn)動(dòng)特效,用戶(hù)可以點(diǎn)擊按鈕向右轉(zhuǎn)動(dòng),也可以向下轉(zhuǎn)動(dòng),結(jié)合自己的需求控制即可。效果非常棒,這里推薦給大家2016-10-10
JavaScript判斷瀏覽器和hack滾動(dòng)條的寫(xiě)法
這篇文章主要介紹了JavaScript判斷瀏覽器和hack滾動(dòng)條的寫(xiě)法,需要的朋友可以參考下2017-07-07
實(shí)現(xiàn)變速回到頂部的JavaScript代碼
一般網(wǎng)頁(yè)的下方都會(huì)放置一個(gè)置頂按鈕, 尤其是頁(yè)面底部沒(méi)有導(dǎo)航的網(wǎng)頁(yè), 這樣可以幫助訪(fǎng)客重新找到導(dǎo)航或者重溫一遍廣告 (想得真美).2011-05-05
Iframe自適應(yīng)高度絕對(duì)好使的代碼 兼容IE,遨游,火狐
Iframe自適應(yīng)高度絕對(duì)好使的代碼IE,遨游,火狐都兼容,需要的朋友可以參考下。2011-01-01
javascript使用正則控制input輸入框允許輸入的值方法大全
在做項(xiàng)目的時(shí)候,我們經(jīng)常會(huì)遇到控制input輸入框允許輸入的值為數(shù)字,字母,漢字或者混排的情況,那么我們?cè)趺磥?lái)處理呢,下面我們就來(lái)探討怎么通過(guò)用javascript正則來(lái)實(shí)現(xiàn)2014-06-06
用CSS+JS實(shí)現(xiàn)的進(jìn)度條效果效果
用CSS+JS實(shí)現(xiàn)的進(jìn)度條效果效果...2007-06-06
thinkphp實(shí)現(xiàn)無(wú)限分類(lèi)(使用遞歸)
這篇文章主要介紹了在使用遞歸的情況下thinkphp實(shí)現(xiàn)無(wú)限分類(lèi),感興趣的小伙伴們可以參考一下2015-12-12
Thinkphp模板沒(méi)有解析直接原樣輸出的解決方法
這篇文章主要介紹了Thinkphp模板沒(méi)有解析直接原樣輸出的解決方法,是很多開(kāi)發(fā)者都遇到的問(wèn)題,非常實(shí)用,需要的朋友可以參考下2014-10-10

