我想知道如何在单击 anchor 标记时使用 jquery 将文本插入文本区域。
我不想替换 textarea 中已有的文本,我想将新文本附加到 textarea。
最佳答案
我喜欢 jQuery 函数扩展。然而,this 指的是 jQuery 对象而不是 DOM 对象。所以我对其进行了一些修改以使其更好(可以一次在多个文本框/文本区域中更新)。
jQuery.fn.extend({
insertAtCaret: function(myValue){
return this.each(function(i) {
if (document.selection) {
//For browsers like Internet Explorer
this.focus();
var sel = document.selection.createRange();
sel.text = myValue;
this.focus();
}
else if (this.selectionStart || this.selectionStart == '0') {
//For browsers like Firefox and Webkit based
var startPos = this.selectionStart;
var endPos = this.selectionEnd;
var scrollTop = this.scrollTop;
this.value = this.value.substring(0, startPos)+myValue+this.value.substring(endPos,this.value.length);
this.focus();
this.selectionStart = startPos + myValue.length;
this.selectionEnd = startPos + myValue.length;
this.scrollTop = scrollTop;
} else {
this.value += myValue;
this.focus();
}
});
}
});
这真的很好用。您可以一次插入多个位置,例如:
$('#element1, #element2, #element3, .class-of-elements').insertAtCaret('text');
关于jquery - 使用 jQuery 将文本插入 textarea,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/946534/