怎么样获取TextArea 光标所在位置

蓝色天空

怎么样获取TextArea  光标所在位置 ,想用代码执行在光标位承认文本内容
(最好是.net 后台代码操作)

蓝色天空

sanshi 发表于 2013-5-27 17:55
获取光标位置这样的操作只能在前台实现了，网上搜下了，应该有现成的实现 ...

1. <script type="text/javascript" defer="defer">
   
2.     var nad = '<%=Text_DT_HTML.ClientID%>';
   
3.     function onReady() {//添加事件
   
4. 
   
5.         $('#' + nad).keydown(function (event) {
   
6.             getCursorPosition(nad);
   
7.         });
   
8.         $('#' + nad).keyup(function (event) {
   
9.             getCursorPosition(nad);
   
10.         });
    
11.         $('#' + nad).mousedown(function (event) {
    
12.             getCursorPosition(nad);
    
13.         });
    
14.         $('#' + nad).mouseup(function (event) {
    
15.             getCursorPosition(nad);
    
16.         });
    
17.         $('#' + nad).focus(function (event) {
    
18.             getCursorPosition(nad);
    
19.         });
    
20.     }
    
21. 
    
22.     function getCursorPosition(obj) {//获取光标位置
    
23.         var evt = window.event ? window.event : getTa1CursorPosition.caller.arguments[0];
    
24.         var oTa1 = document.getElementById(obj);
    
25.         try {
    
26.             if (oTa1.value == "")
    
27.                 return 0;
    
28.             var cursurPosition = -1;
    
29.             if (oTa1.selectionStart) {//非IE浏览器
    
30.                 cursurPosition = oTa1.selectionStart;
    
31.             } else {//IE
    
32. 
    
33.                 var rngSel = document.selection.createRange();//建立选择域
    
34.                 var rngTxt = oTa1.createTextRange();//建立文本域
    
35.                 var flag = rngSel.getBookmark();//用选择域建立书签
    
36.                 rngTxt.collapse();//瓦解文本域到开始位,以便使标志位移动
    
37.                 rngTxt.moveToBookmark(flag);//使文本域移动到书签位
    
38.                 rngTxt.moveStart('character', -oTa1.value.length);//获得文本域左侧文本
    
39.                 cursurPosition = rngTxt.text.replace(/\r\n/g, '').length;//替换回车换行符
    
40.             }
    
41.             //return cursurPosition;
    
42.         }
    
43.         catch (e) {
    
44.             cursurPosition = oTa1.value.length;
    
45.         }
    
46. 
    
47.         document.getElementById("<%=TextBox_gb.ClientID%>").innerText = cursurPosition;
    
48.     }
    
49. 
    
50. 
    
51.     function setCaretPosition(pos) {//设置光标位置函数
    
52.         var ctrl = nad;
    
53.         if (ctrl.setSelectionRange) {
    
54.             ctrl.focus();
    
55.             ctrl.setSelectionRange(pos, pos);
    
56.         }
    
57.         else if (ctrl.createTextRange) {
    
58.             var range = ctrl.createTextRange();
    
59.             range.collapse(true);
    
60.             range.moveEnd('character', pos);
    
61.             range.moveStart('character', pos);
    
62.             range.select();
    
63.         }
    
64.     }
    
65. </script>

复制代码

js搞定....和框架兼容....