我想获取文本字段或文本区域中选定范围的光标开始和结束位置。我在各种论坛上尝试了很多功能。but when the last character of the selection is a new line character JavaScript ignore it in IE6. 有人有想法吗?
如何获取文本区域中选择的起点和终点?
IT技术
javascript
cursor
position
internet-explorer-6
2021-03-18 06:37:56
3个回答
修订后的答案,2010 年 9 月 5 日
在 IE 中考虑尾随换行符很棘手,我还没有看到任何解决方案可以做到这一点。然而,这是可能的。以下是我之前在此处发布的内容的新版本。
请注意,textarea 必须具有焦点才能在 IE 中正常工作。如果有疑问,focus()
请先调用 textarea 的方法。
function getInputSelection(el) {
var start = 0, end = 0, normalizedValue, range,
textInputRange, len, endRange;
if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") {
start = el.selectionStart;
end = el.selectionEnd;
} else {
range = document.selection.createRange();
if (range && range.parentElement() == el) {
len = el.value.length;
normalizedValue = el.value.replace(/\r\n/g, "\n");
// Create a working TextRange that lives only in the input
textInputRange = el.createTextRange();
textInputRange.moveToBookmark(range.getBookmark());
// Check if the start and end of the selection are at the very end
// of the input, since moveStart/moveEnd doesn't return what we want
// in those cases
endRange = el.createTextRange();
endRange.collapse(false);
if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
start = end = len;
} else {
start = -textInputRange.moveStart("character", -len);
start += normalizedValue.slice(0, start).split("\n").length - 1;
if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) {
end = len;
} else {
end = -textInputRange.moveEnd("character", -len);
end += normalizedValue.slice(0, end).split("\n").length - 1;
}
}
}
}
return {
start: start,
end: end
};
}
我需要做一些非常相似的事情并想出了这个:
function getSelection(target) {
var s = {start: 0, end:0};
if (typeof target.selectionStart == "number"
&& typeof target.selectionEnd == "number") {
// Firefox (and others)
s.start = target.selectionStart;
s.end = target.selectionEnd;
} else if (document.selection) {
// IE
var bookmark = document.selection.createRange().getBookmark();
var sel = target.createTextRange();
var bfr = sel.duplicate();
sel.moveToBookmark(bookmark);
bfr.setEndPoint("EndToStart", sel);
s.start = bfr.text.length;
s.end = s.start + sel.text.length;
}
return s;
}
笔记:
- 该
sel
范围必须通过创建target
,而不是使用返回的范围内document.selection
,否则bfr.setEndPoint
会抱怨无效参数。这个“特性”(在 IE8 中发现)似乎没有记录在规范中。 target
此功能必须具有输入焦点才能工作。- 仅使用
<textarea>
,进行测试也可能适用<input>
。
其它你可能感兴趣的问题