最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript設置文本框光標的方法實例小結(jié)

 更新時間:2016年11月04日 11:33:47   作者:yczz  
這篇文章主要介紹了javascript設置文本框光標的方法,結(jié)合實例形式總結(jié)分析了javascript針對文本框光標的位置、設置及文本操作的相關技巧,需要的朋友可以參考下

本文實例總結(jié)了javascript設置文本框光標的方法。分享給大家供大家參考,具體如下:

對于text

//得到光標位置
function getCaret(textbox) {
  var control = document.activeElement;
  textbox.focus();
  var rang = document.selection.createRange();
  rang.setEndPoint("StartToStart",textbox.createTextRange())
  control.focus();
  return rang.text.length;
}

對于textarea

function getCaret(ZysrID) 
{
 var txb = document.getElementById(ZysrID);//根據(jù)ID獲得對象
 var pos = 0;//設置初始位置
 txb.focus();//輸入框獲得焦點,這句也不能少,不然后面會出錯,血的教訓啦.
 var s = txb.scrollTop;//獲得滾動條的位置
 var r = document.selection.createRange();//創(chuàng)建文檔選擇對象
 var t = txb.createTextRange();//創(chuàng)建輸入框文本對象
 t.collapse(true);//將光標移到頭
 t.select();//顯示光標,這個不能少,不然的話,光標沒有移到頭.當時我不知道,搞了十幾分鐘
 var j = document.selection.createRange();//為新的光標位置創(chuàng)建文檔選擇對象
 r.setEndPoint("StartToStart",j);//在以前的文檔選擇對象和新的對象之間創(chuàng)建對象,媽的,不好解釋,我表達能力不算太好.有興趣自己去看msdn的資料
 var str = r.text;//獲得對象的文本
 var re = new RegExp("[//n]","g");//過濾掉換行符,不然你的文字會有問題,會比你的文字實際長度要長一些.搞死我了.我說我得到的數(shù)字怎么總比我的實際長度要長.
 str = str.replace(re,"");//過濾
 pos = str.length;//獲得長度.也就是光標的位置
 r.collapse(false);
 r.select();//把光標恢復到以前的位置
 txb.scrollTop = s;//把滾動條恢復到以前的位置
}

設置光標函數(shù)

function setCaret(id,pos)
{
  var textbox = document.all(id);
  var r = textbox.createTextRange(); 
  r.collapse(true); 
  r.moveStart('character',pos); 
  r.select();
}

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

  • 前端在WebSocket中加入Token的解決方式

    前端在WebSocket中加入Token的解決方式

    這篇文章主要給大家介紹了關于前端在WebSocket中加入Token的解決方式,文中提供了3種解決方法,對大家學習或者使用WebSocket具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-10-10
  • yii form 表單提交之前JS在提交按鈕的驗證方法

    yii form 表單提交之前JS在提交按鈕的驗證方法

    很多時候,需要對Yii表單model中的對象設置的rules進行判斷,但是有的時候可能需要在提交之前就在客戶端進行驗證。怎么處理呢?接下來通過本文給大家分享yii form 表單提交之前JS在提交按鈕的驗證方法,需要的的朋友參考下
    2017-03-03
  • JavaScript運動原理基礎知識詳解

    JavaScript運動原理基礎知識詳解

    這篇文章主要介紹了JavaScript運動原理基礎知識詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-04-04
  • 原生JS綁定滑輪滾動事件兼容常見瀏覽器

    原生JS綁定滑輪滾動事件兼容常見瀏覽器

    滑輪滾動頁面的事件在網(wǎng)頁特效中進場遇到,下面通過示例為大家介紹下原生JS綁定滑輪滾動事件并兼容瀏覽器
    2014-06-06
  • Redux中進行異步操作(網(wǎng)絡請求)的示例方案

    Redux中進行異步操作(網(wǎng)絡請求)的示例方案

    這篇文章主要介紹了Redux中進行異步操作(網(wǎng)絡請求)的方案,本文結(jié)合示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-12-12
  • js實現(xiàn)最短的XML格式化工具實例

    js實現(xiàn)最短的XML格式化工具實例

    這篇文章主要介紹了js實現(xiàn)最短的XML格式化工具,實例分析了基于jquery-latest.js實現(xiàn)XML代碼格式化的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-03-03
  • 理解js對象繼承的N種模式

    理解js對象繼承的N種模式

    這篇文章主要為大家舉例介紹了js對象繼承的幾種模式,內(nèi)容很全面,感興趣的小伙伴們可以參考一下
    2016-01-01
  • js實現(xiàn)點擊切換卡片功能

    js實現(xiàn)點擊切換卡片功能

    這篇文章主要為大家詳細介紹了js實現(xiàn)點擊切換卡片功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • JS圖片懶加載技術(shù)實現(xiàn)過程解析

    JS圖片懶加載技術(shù)實現(xiàn)過程解析

    這篇文章主要介紹了JS圖片懶加載技術(shù)實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-07-07
  • 微信公眾號中的JSSDK接入及invalid signature等常見錯誤問題分析(全面解析)

    微信公眾號中的JSSDK接入及invalid signature等常見錯誤問題分析(全面解析)

    這篇文章主要介紹了微信公眾號中的JSSDK接入及invalid signature等常見錯誤問題分析(全面解析),需要的朋友可以參考下
    2020-04-04

最新評論

博湖县| 西安市| 天长市| 阿荣旗| 四川省| 石狮市| 南江县| 镇巴县| 永川市| 闵行区| 卢氏县| 安龙县| 忻州市| 宜春市| 兴隆县| 东明县| 浏阳市| 荃湾区| 潼关县| 山阴县| 营山县| 海兴县| 五华县| 上犹县| 新沂市| 丰都县| 肇州县| 独山县| 济阳县| 鄂州市| 淮安市| 景德镇市| 高清| 天等县| 盱眙县| 嘉禾县| 内乡县| 揭东县| 定日县| 江孜县| 乃东县|