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

蓝色天空 · 发表于 2013-5-27 17:14:28

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

sanshi · 发表于 2013-5-27 17:55:44

获取光标位置这样的操作只能在前台实现了，网上搜下了，应该有现成的实现

蓝色天空 · 发表于 2013-5-28 14:52:41

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

<script type="text/javascript" defer="defer">
var nad = '<%=Text_DT_HTML.ClientID%>';
function onReady() {//添加事件
$('#' + nad).keydown(function (event) {
getCursorPosition(nad);
});
$('#' + nad).keyup(function (event) {
getCursorPosition(nad);
});
$('#' + nad).mousedown(function (event) {
getCursorPosition(nad);
});
$('#' + nad).mouseup(function (event) {
getCursorPosition(nad);
});
$('#' + nad).focus(function (event) {
getCursorPosition(nad);
});
}
function getCursorPosition(obj) {//获取光标位置
var evt = window.event ? window.event : getTa1CursorPosition.caller.arguments[0];
var oTa1 = document.getElementById(obj);
try {
if (oTa1.value == "")
return 0;
var cursurPosition = -1;
if (oTa1.selectionStart) {//非IE浏览器
cursurPosition = oTa1.selectionStart;
} else {//IE
var rngSel = document.selection.createRange();//建立选择域
var rngTxt = oTa1.createTextRange();//建立文本域
var flag = rngSel.getBookmark();//用选择域建立书签
rngTxt.collapse();//瓦解文本域到开始位,以便使标志位移动
rngTxt.moveToBookmark(flag);//使文本域移动到书签位
rngTxt.moveStart('character', -oTa1.value.length);//获得文本域左侧文本
cursurPosition = rngTxt.text.replace(/\r\n/g, '').length;//替换回车换行符
}
//return cursurPosition;
}
catch (e) {
cursurPosition = oTa1.value.length;
}
document.getElementById("<%=TextBox_gb.ClientID%>").innerText = cursurPosition;
}
function setCaretPosition(pos) {//设置光标位置函数
var ctrl = nad;
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();
}
}
</script>

复制代码

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

szjazz · 发表于 2015-5-5 21:07:05

本帖最后由 szjazz 于 2015-5-5 23:50 编辑

谢谢先，我正找此功能！调试了好久，没办法通过，没有实现该功能，能否请贴出该页面的全部（重点）源代码
我的网页代码如下：
界面代码：

<f:TextArea runat="server" ID="txtSearchCondition" Height="120px" Text="abcdefghijklmn"></f:TextArea>
<f:TextArea ID="txtDesc" runat="server" Height="50px" Label="方案描述" Text=""></f:TextArea>

复制代码

头部的代码：

<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../res/js/jquery-1.7.1.js"></script>
<title></title>
</head>

复制代码

在页面末尾代码

<script type="text/javascript" defer="defer">
var nad = '<%=txtSearchCondition.ClientID%>';
function onReady() {//添加事件
$('#' + nad).keydown(function (event) {
getCursorPosition(nad);
});
$('#' + nad).keyup(function (event) {
getCursorPosition(nad);
});
$('#' + nad).mousedown(function (event) {
getCursorPosition(nad);
});
$('#' + nad).mouseup(function (event) {
getCursorPosition(nad);
});
$('#' + nad).focus(function (event) {
getCursorPosition(nad);
});
}

复制代码

还有为什么下面调试所显示的ID值（值=Panel1_Form2_FormRow3_Panel11_txtSearchCondition），与在页面中通过工具“审查元素”所看到的ID值（值=Panel1_Form2_FormRow3_Panel11_txtSearchCondition-inputEl）不同呢

var nad = '<%=txtSearchCondition.ClientID%>';
alert(nad);

复制代码

glyuhan · 发表于 2015-7-8 17:49:59

ER..我也没搞定我是想通过点击按钮把内容插入光标处，var myField = F(msgClientID)可以正常拿到textarea但是这个 document.selection ，myField.selectionStart 都是未定义。。。后面就更没法玩了是不是一点按钮，光标就没了？
var msgClientID = '<%= txmsgcontent.ClientID %>';
      function insertAtCursor(myValue) {

         var myField = F(msgClientID)

         //IE support
         if (document.selection) {
            myField.focus();
            sel = document.selection.createRange();
            sel.text = myValue;
            sel.select();
         }
            //MOZILLA/NETSCAPE support
         else if (myField.selectionStart || myField.selectionStart == '0') {
            var startPos = myField.selectionStart;
            var endPos = myField.selectionEnd;
            // save scrollTop before insert
            var restoreTop = myField.scrollTop;
            myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
            if (restoreTop > 0) {
                  myField.scrollTop = restoreTop;
            }
            myField.focus();
            myField.selectionStart = startPos + myValue.length;
            myField.selectionEnd = startPos + myValue.length;
         } else {
            myField.value += myValue;
            myField.focus();
         }
      }

		自动登录	找回密码
密码			立即注册