如何在当前光标位置向文本区插入文本？
如何在当前光标位置向文本区插入文本？
提问于 2012-06-18 12:37:32
我想创建一个简单的函数，将文本添加到用户光标位置的文本区域中。它需要是一个干净的函数。这只是最基本的。剩下的我会弄明白的。
回答 11
Stack Overflow用户
发布于 2012-06-18 12:44:42
使用selectionStart/selectionEnd properties of the input element (也适用于<textarea> )
function insertAtCursor(myField, myValue) {
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA and others
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
} else {
myField.value += myValue;
}
}Stack Overflow用户
发布于 2013-05-31 10:05:09
这段代码可以在jQuery 1.9+的几行代码中帮助您：http://jsfiddle.net/4MBUG/2/
$('input[type=button]').on('click', function() {
var cursorPos = $('#text').prop('selectionStart');
var v = $('#text').val();
var textBefore = v.substring(0, cursorPos);
var textAfter = v.substring(cursorPos, v.length);
$('#text').val(textBefore + $(this).val() + textAfter);
});Stack Overflow用户
发布于 2013-11-14 02:26:02
为了正确的Javascript
HTMLTextAreaElement.prototype.insertAtCaret = function (text) {
text = text || '';
if (document.selection) {
// IE
this.focus();
var sel = document.selection.createRange();
sel.text = text;
} else if (this.selectionStart || this.selectionStart === 0) {
// Others
var startPos = this.selectionStart;
var endPos = this.selectionEnd;
this.value = this.value.substring(0, startPos) +
text +
this.value.substring(endPos, this.value.length);
this.selectionStart = startPos + text.length;
this.selectionEnd = startPos + text.length;
} else {
this.value += text;
}
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11076975
复制相关文章
相似问题