欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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 下拉菜單實現(xiàn)代碼

    js 下拉菜單實現(xiàn)代碼

    js 下拉菜單實現(xiàn)代碼,原理比較簡單,需要的朋友可以參考下,具體的美化要靠自己。
    2010-05-05
  • 微信小程序實現(xiàn)錨點跳轉

    微信小程序實現(xiàn)錨點跳轉

    這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)錨點跳轉,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • JavaScript 實現(xiàn)頁面滾動動畫

    JavaScript 實現(xiàn)頁面滾動動畫

    這篇文章主要介紹了JavaScript 實現(xiàn)頁面滾動動畫的方法,幫助大家更好的理解和學習使用JavaScript,感興趣的朋友可以了解下
    2021-04-04
  • JavaScript實現(xiàn)刷新不重記的倒計時

    JavaScript實現(xiàn)刷新不重記的倒計時

    網上關于JavaScript實現(xiàn)倒計時的文章有很多,但是一般都是刷新后會重新開始計時,可是我們有的時候會需要刷新卻不重新計算的倒計時,這該怎么做呢?下面我們一起來看看這種倒計時怎么實現(xiàn)吧。
    2016-08-08
  • js動態(tài)獲取子復選項并設計全選及提交的實現(xiàn)方法

    js動態(tài)獲取子復選項并設計全選及提交的實現(xiàn)方法

    下面小編就為大家?guī)硪黄猨s動態(tài)獲取子復選項并設計全選及提交的實現(xiàn)方法。小編覺得挺不錯的, 現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • 圖片該如何優(yōu)化來提高網站性能

    圖片該如何優(yōu)化來提高網站性能

    這篇文章主要介紹了圖片該如何優(yōu)化來提高網站性能,對網站性能感興趣的同學,可以參考下
    2021-05-05
  • JS函數多個參數默認值指定方法分析

    JS函數多個參數默認值指定方法分析

    這篇文章主要介紹了JS函數多個參數默認值指定方法,結合實例形式分析了javascript函數參數的定義與傳遞相關操作技巧,需要的朋友可以參考下
    2016-11-11
  • JavaScript canvas實現(xiàn)俄羅斯方塊游戲

    JavaScript canvas實現(xiàn)俄羅斯方塊游戲

    這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)俄羅斯方塊游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-07-07
  • JS清除文本框內容離開在恢復及鼠標離開文本框時觸發(fā)js的方法

    JS清除文本框內容離開在恢復及鼠標離開文本框時觸發(fā)js的方法

    多網站的需要填寫的文本框在默認狀態(tài)下都會給出一個默認的提示語言,當鼠標點擊此文本框的時候能夠將里面的默認文本清除,當刪除輸入的文本且焦點離開文本框的時候再將默認的文本寫入文本框
    2016-01-01
  • 使用純javascript實現(xiàn)經典掃雷游戲

    使用純javascript實現(xiàn)經典掃雷游戲

    本文給大家分享的是個人剛開始學習javascript的時候寫的仿windows經典的掃雷游戲的代碼,當時只是寫了下來,沒加注釋,這里補上,有需要的小伙伴可以參考下。
    2015-04-04

最新評論