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í)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
js實(shí)現(xiàn)可旋轉(zhuǎn)的立方體模型
這里給大家分享的是通過js腳本來控制頁面中的正方體轉(zhuǎn)動(dòng)特效,用戶可以點(diǎn)擊按鈕向右轉(zhuǎn)動(dòng),也可以向下轉(zhuǎn)動(dòng),結(jié)合自己的需求控制即可。效果非常棒,這里推薦給大家2016-10-10JavaScript判斷瀏覽器和hack滾動(dòng)條的寫法
這篇文章主要介紹了JavaScript判斷瀏覽器和hack滾動(dòng)條的寫法,需要的朋友可以參考下2017-07-07實(shí)現(xiàn)變速回到頂部的JavaScript代碼
一般網(wǎng)頁的下方都會(huì)放置一個(gè)置頂按鈕, 尤其是頁面底部沒有導(dǎo)航的網(wǎng)頁, 這樣可以幫助訪客重新找到導(dǎo)航或者重溫一遍廣告 (想得真美).2011-05-05Iframe自適應(yīng)高度絕對(duì)好使的代碼 兼容IE,遨游,火狐
Iframe自適應(yīng)高度絕對(duì)好使的代碼IE,遨游,火狐都兼容,需要的朋友可以參考下。2011-01-01javascript使用正則控制input輸入框允許輸入的值方法大全
在做項(xiàng)目的時(shí)候,我們經(jīng)常會(huì)遇到控制input輸入框允許輸入的值為數(shù)字,字母,漢字或者混排的情況,那么我們?cè)趺磥硖幚砟?,下面我們就來探討怎么通過用javascript正則來實(shí)現(xiàn)2014-06-06用CSS+JS實(shí)現(xiàn)的進(jìn)度條效果效果
用CSS+JS實(shí)現(xiàn)的進(jìn)度條效果效果...2007-06-06thinkphp實(shí)現(xiàn)無限分類(使用遞歸)
這篇文章主要介紹了在使用遞歸的情況下thinkphp實(shí)現(xiàn)無限分類,感興趣的小伙伴們可以參考一下2015-12-12