Javascript實現(xiàn)獲取及設置光標位置的方法
更新時間:2015年07月21日 12:19:01 作者:華宰
這篇文章主要介紹了Javascript實現(xiàn)獲取及設置光標位置的方法,涉及javascript針對頁面光標位置的相關操作技巧,具有良好的兼容性,非常簡單實用,需要的朋友可以參考下
本文實例講述了Javascript實現(xiàn)獲取及設置光標位置的方法。分享給大家供大家參考。具體如下:
在項目開發(fā)中經常遇到input等設置光標位置到最后的問題,今天我查了一下Google,找到了在IE、Firefox、Opera等主流瀏覽器的獲取光標位置(getCursortPosition)以及設置光標位置(setCursorPosition)的函數。
1. 獲取光標位置函數:
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. 設置光標位置函數:
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程序設計有所幫助。
相關文章
js動態(tài)獲取子復選項并設計全選及提交的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s動態(tài)獲取子復選項并設計全選及提交的實現(xiàn)方法。小編覺得挺不錯的, 現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JavaScript canvas實現(xiàn)俄羅斯方塊游戲
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)俄羅斯方塊游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-07-07
JS清除文本框內容離開在恢復及鼠標離開文本框時觸發(fā)js的方法
多網站的需要填寫的文本框在默認狀態(tài)下都會給出一個默認的提示語言,當鼠標點擊此文本框的時候能夠將里面的默認文本清除,當刪除輸入的文本且焦點離開文本框的時候再將默認的文本寫入文本框2016-01-01

