日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
技術(shù)分享Javascript如何獲取textarea中光標位置

這里和大家分享一下如何用Javascript獲取textarea中的光標位置，相信本文介紹一定會讓你有所收獲的。

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的南昌網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

用Javascript獲取textarea中的光標位置

Javascript一向以他的靈活隨意而著稱，這也使得它的功能可以非常的強大，而由于沒有比較好的調(diào)試工具，又使得它使用起來困難重重，尤其使對于一些初學(xué)者，更是感覺到無從下手。今天探討的問題是用javascript獲取textarea中光標的位置。對于寫javascript寫網(wǎng)頁編輯器的人來說，獲取textarea中的光標位置是一個非常重要的問題，而往往很多人在這個地方不知所措，找不到好的辦法。昨天我在網(wǎng)上找到了一段javascript代碼，本來不想把原版放在這里的，就是因為太精彩了，怕我給改壞了，所以還是原版放在這里吧。

 
 
 
    
  
  
  
  1. varstart=0;  
    2.   
  
  
  2. varend=0;  
    3.   
  
  
  3. functionadd(){  
    4.   
  
  
  4. vartextBox=document.getElementById("ta");  
    5.   
  
  
  5. varpre=textBox.value.substr(0,start);  
    6.   
  
  
  6. varpost=textBox.value.substr(end);  
    7.   
  
  
  7. textBox.value=pre+document.
    8.   
  
  
  8. getElementById("inputtext").value+post;  
    9.   
  
  
  9. }  
    10.   
  
  
  10. functionsavePos(textBox){  
    11.   
  
  
  11. //如果是Firefox(1.5)的話，方法很簡單  
    12.   
  
  
  12. if(typeof(textBox.selectionStart)=="number"){  
    13.   
  
  
  13. start=textBox.selectionStart;  
    14.   
  
  
  14. end=textBox.selectionEnd;  
    15.   
  
  
  15. }  
    16.   
  
  
  16. //下面是IE(6.0)的方法，麻煩得很，還要計算上'\n'  
    17.   
  
  
  17. elseif(document.selection){  
    18.   
  
  
  18. varrange=document.selection.createRange();  
    19.   
  
  
  19. if(range.parentElement().id==textBox.id){  
    20.   
  
  
  20. //createaselectionofthewholetextarea  
    21.   
  
  
  21. varrange_all=document.body.createTextRange();  
    22.   
  
  
  22. range_all.moveToElementText(textBox);  
    23.   
  
  
  23. //兩個range，一個是已經(jīng)選擇的text(range)，  
    24.   
  
  
  24. 一個是整個textarea(range_all)  
    25.   
  
  
  25. //range_all.compareEndPoints()比較兩個端點，  
    26.   
  
  
  26. 如果range_all比range更往左(furthertotheleft)，  
    27.   
  
  
  27. 則//返回小于0的值，則range_all往右移一點，直到兩個range的start相同。  
    28.   
  
  
  28. //calculateselectionstartpointbymoving
    29.   
  
  
  29. beginningofrange_alltobeginningofrange  
    30.   
  
  
  30. for(start=0;range_all.compareEndPoints
    31.   
  
  
  31. ("StartToStart",range)<0;start++)range_all.moveStart('character',1);  
    32.   
  
  
  32. //getnumberoflinebreaksfromtextareastarttose
    33.   
  
  
  33. lectionstartandaddthemtostart  
    34.   
  
  
  34. //計算一下\n  
    35.   
  
  
  35. for(vari=0;i<=start;i++){  
    36.   
  
  
  36. if(textBox.value.charAt(i)=='\n')  
    37.   
  
  
  37. start++;  
    38.   
  
  
  38. }  
    39.   
  
  
  39. //createaselectionofthewholetextarea  
    40.   
  
  
  40. varrange_all=document.body.createTextRange();  
    41.   
  
  
  41. range_all.moveToElementText(textBox);  
    42.   
  
  
  42. //calculateselectionendpointbymovingbeginningofrange_alltoendofrange  
    43.   
  
  
  43. for(end=0;range_all.compareEndPoints('StartToEnd',range)<0;end++)  
    44.   
  
  
  44. range_all.moveStart('character',1);  
    45.   
  
  
  45. //getnumberoflinebreaksfromtextareastarttoselectionendandaddthemtoend  
    46.   
  
  
  46. for(vari=0;i<=end;i++){  
    47.   
  
  
  47. if(textBox.value.charAt(i)=='\n')  
    48.   
  
  
  48. end++;  
    49.   
  
  
  49. }  
    50.   
  
  
  50. }  
    51.   
  
  
  51. }  
    52.   
  
  
  52. document.getElementById("start").value=start;  
    53.   
  
  
  53. document.getElementById("end").value=end;  
    54.   
  
  
  54. }  
    55.   
  
  
  55.  
    56.

 下面是在頁面中調(diào)用js代碼的方法：

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.   
  
  
  3. cellspacing="0"cellpadding="0"> 
    4.   
  
  
  4.  
    5.   
  
  
  5. start:  
  
  
  6. id="start"size="3"/> 
    7.   
  
  
  7. end:  
  
  
  8. id="end"size="3"/> 
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.   
  
  
  13. onKeyup="savePos(this)" 
    14.   
  
  
  14. onmousedown="savePos(this)" 
    15.   
  
  
  15. onmouseup="savePos(this)" 
    16.   
  
  
  16. onfocus="savePos(this)" 
    17.   
  
  
  17. rows="14"cols="50"> 
    18.   
  
  
  18.  
    19.   
  
  
  19.  
    20.   
  
  
  20.  
    21.   
  
  
  21.   
  
  
  22. id="inputtext"/> 
    23.   
  
  
  23.   
  
  
  24. onClick="add()"value="AddText"/> 
    25.   
  
  
  25.  
    26.   
  
  
  26.  
    27.   
  
  
  27.  
    28.

網(wǎng)頁名稱：技術(shù)分享Javascript如何獲取textarea中光標位置
當(dāng)前URL：http://www.5511xx.com/article/cosihhs.html