Javascript實現(xiàn)獲取及設置光標位置的方法
更新時間：2015年07月21日 12:19:01 作者：華宰
這篇文章主要介紹了Javascript實現(xiàn)獲取及設置光標位置的方法,涉及javascript針對頁面光標位置的相關(guān)操作技巧,具有良好的兼容性,非常簡單實用,需要的朋友可以參考下
本文實例講述了Javascript實現(xiàn)獲取及設置光標位置的方法。分享給大家供大家參考。具體如下：
在項目開發(fā)中經(jīng)常遇到input等設置光標位置到最后的問題，今天我查了一下Google，找到了在IE、Firefox、Opera等主流瀏覽器的獲取光標位置（getCursortPosition）以及設置光標位置（setCursorPosition）的函數(shù)。
1. 獲取光標位置函數(shù)：
function getCursortPosition (ctrl) {
var CaretPos = 0; // IE Support
if (document.selection) {
ctrl.focus ();
var Sel = document.selection.createRange ();
Sel.moveStart ('character', -ctrl.value.length);
CaretPos = Sel.text.length;
}
// Firefox support
else if (ctrl.selectionStart || ctrl.selectionStart == '0')
CaretPos = ctrl.selectionStart;
return (CaretPos);
}
2. 設置光標位置函數(shù)：
function setCaretPosition(ctrl, pos){
if(ctrl.setSelectionRange)
{
ctrl.focus();
ctrl.setSelectionRange(pos,pos);
}
else if (ctrl.createTextRange) {
var range = ctrl.createTextRange();
range.collapse(true);
range.moveEnd('character', pos);
range.moveStart('character', pos);
range.select();
}
}
希望本文所述對大家的javascript程序設計有所幫助。
相關(guān)文章
js 下拉菜單實現(xiàn)代碼，原理比較簡單，需要的朋友可以參考下，具體的美化要靠自己。2010-05-05
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)錨點跳轉(zhuǎn)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了JavaScript 實現(xiàn)頁面滾動動畫的方法，幫助大家更好的理解和學習使用JavaScript，感興趣的朋友可以了解下2021-04-04
網(wǎng)上關(guān)于JavaScript實現(xiàn)倒計時的文章有很多，但是一般都是刷新后會重新開始計時，可是我們有的時候會需要刷新卻不重新計算的倒計時，這該怎么做呢？下面我們一起來看看這種倒計時怎么實現(xiàn)吧。2016-08-08
js動態(tài)獲取子復選項并設計全選及提交的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s動態(tài)獲取子復選項并設計全選及提交的實現(xiàn)方法。小編覺得挺不錯的， 現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了圖片該如何優(yōu)化來提高網(wǎng)站性能，對網(wǎng)站性能感興趣的同學，可以參考下2021-05-05
這篇文章主要介紹了JS函數(shù)多個參數(shù)默認值指定方法,結(jié)合實例形式分析了javascript函數(shù)參數(shù)的定義與傳遞相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
JavaScript canvas實現(xiàn)俄羅斯方塊游戲
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)俄羅斯方塊游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
JS清除文本框內(nèi)容離開在恢復及鼠標離開文本框時觸發(fā)js的方法
多網(wǎng)站的需要填寫的文本框在默認狀態(tài)下都會給出一個默認的提示語言，當鼠標點擊此文本框的時候能夠?qū)⒗锩娴哪J文本清除，當刪除輸入的文本且焦點離開文本框的時候再將默認的文本寫入文本框2016-01-01
使用純javascript實現(xiàn)經(jīng)典掃雷游戲
本文給大家分享的是個人剛開始學習javascript的時候?qū)懙姆聎indows經(jīng)典的掃雷游戲的代碼，當時只是寫了下來，沒加注釋，這里補上，有需要的小伙伴可以參考下。2015-04-04