//获取文本框光标位置
2016-08-04 13:53
411 查看
//获取文本框光标位置
function getTxtCursorPosition(txt) {
var cursurPosition = -1;
if (txt.selectionStart) {//非IE浏览器
cursurPosition = txt.selectionStart;
} else {//IE
try {
var range = document.selection.createRange();
if (range.text.length == txt.value.length) {
cursurPosition = 0;
} else {
range.moveStart("character", -txt.value.length);
cursurPosition = range.text.length;
}
} catch (e) {
cursurPosition = 0;
}
}
return cursurPosition;
}
<textarea id="target">fdajklfj al</textarea>
<p><button id="btn">插入话题</button></p>
<script language="javascript">
var $ = function (id) {
return document.getElementById(id);
};
$("btn").onclick = function () {
var con = "请在这里输入自定义话题";
//转载文字
$("target").value += "#" + con + "#";
var l = $("target").value.length;
//创建选择区域
if ($("target").createTextRange) {//IE浏览器
var range = $("target").createTextRange();
// range.moveEnd("character", -l)
//range.moveStart("character",-l)
range.moveEnd("character", l - 1);
range.moveStart("character", l - 1 - con.length);
range.select();
} else {
$("target").setSelectionRange(l - 1 - con.length, l - 1); //
$("target").focus();
}
};
</script>
function getTxtCursorPosition(txt) {
var cursurPosition = -1;
if (txt.selectionStart) {//非IE浏览器
cursurPosition = txt.selectionStart;
} else {//IE
try {
var range = document.selection.createRange();
if (range.text.length == txt.value.length) {
cursurPosition = 0;
} else {
range.moveStart("character", -txt.value.length);
cursurPosition = range.text.length;
}
} catch (e) {
cursurPosition = 0;
}
}
return cursurPosition;
}
<textarea id="target">fdajklfj al</textarea>
<p><button id="btn">插入话题</button></p>
<script language="javascript">
var $ = function (id) {
return document.getElementById(id);
};
$("btn").onclick = function () {
var con = "请在这里输入自定义话题";
//转载文字
$("target").value += "#" + con + "#";
var l = $("target").value.length;
//创建选择区域
if ($("target").createTextRange) {//IE浏览器
var range = $("target").createTextRange();
// range.moveEnd("character", -l)
//range.moveStart("character",-l)
range.moveEnd("character", l - 1);
range.moveStart("character", l - 1 - con.length);
range.select();
} else {
$("target").setSelectionRange(l - 1 - con.length, l - 1); //
$("target").focus();
}
};
</script>
相关文章推荐
- js获取和设置文本框光标的位置
- JavaScript获取文本框光标的像素位置
- 在C#中获取文本框中光标所在位置
- JavaScript获取文本框光标的像素位置
- JavaScript获取文本框光标的像素位置3
- js获取光标位置和设置文本框光标位置
- js获取文本框(或文本域)光标位置以及设置光标位置
- 获取光标在文本框的位置、设置光标至文本框末尾
- JavaScript获取文本框光标的像素位置
- JavaScript获取文本框光标的像素位置1
- JavaScript获取文本框光标的像素位置(转载)
- JavaScript获取文本框光标的像素位置
- c# 获取文本框(TextBox)中鼠标,光标位置
- 设置/获取光标在文本框的位置
- js 如何获取文本框中光标索引位置
- JavaScript获取文本框光标的像素位置
- JavaScript获取文本框光标的像素位置
- 设置和获取文本框中的光标位置
- C#中获取文本框中光标所在位置