按光标位置在TEXTAREA中插入内容
2009-01-18 20:59
393 查看
<HTML>
<HEAD>
<!--按光标位置在TEXTAREA中插入内容-->
<SCRIPT>
function storeCaret (textEl) {
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();
}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?text + ' ' : text;
}
else
textEl.value = text;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="aForm">
<TEXTAREA NAME="aTextArea" ROWS="5" COLS="80" WRAP="soft" ONSELECT="storeCaret(this);" ONCLICK="storeCaret(this);" ONKEYUP="storeCaret(this);"> 这是例子,你可以在这里添加文字、插入文字。 </TEXTAREA>
<BR>
<INPUT TYPE="text" NAME="aText" SIZE="80" VALUE="我要在光标处插入这些文字"><BR>
<INPUT TYPE="button" VALUE="我要在光标处插入上面文本框里输入的文字!" ONCLICK="insertAtCaret(this.form.aTextArea, this.form.aText.value);">
</FORM>
</BODY>
</HTML>
<HEAD>
<!--按光标位置在TEXTAREA中插入内容-->
<SCRIPT>
function storeCaret (textEl) {
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();
}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?text + ' ' : text;
}
else
textEl.value = text;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="aForm">
<TEXTAREA NAME="aTextArea" ROWS="5" COLS="80" WRAP="soft" ONSELECT="storeCaret(this);" ONCLICK="storeCaret(this);" ONKEYUP="storeCaret(this);"> 这是例子,你可以在这里添加文字、插入文字。 </TEXTAREA>
<BR>
<INPUT TYPE="text" NAME="aText" SIZE="80" VALUE="我要在光标处插入这些文字"><BR>
<INPUT TYPE="button" VALUE="我要在光标处插入上面文本框里输入的文字!" ONCLICK="insertAtCaret(this.form.aTextArea, this.form.aText.value);">
</FORM>
</BODY>
</HTML>
相关文章推荐
- JS获取textarea的光标位置并插入内容(转)
- 用js在TextArea中的光标位置插入内容的方法(比较完美)
- extjs4.x 在textareafield中的光标位置动态插入内容
- js 将光标移动到textarea的最后和光标位置插入内容
- js实现textarea中光标位置插入你想要插入的内容
- extjs4.2 在textareafield中的光标位置动态插入内容
- 在光标位置插入内容的jquery实现方式
- 往textarea中光标所在位置插入文本
- 在textarea光标指定地方插入内容
- 使用JS在textarea在光标处插入内容
- TextArea在光标处插入内容(话题)
- 在 textarea 中光标位置插入字符串
- Jquery在光标位置插入内容
- 【记录】JS在TextArea光标位置插入文字+移动光标到文字末尾
- ExtJS5获取当前光标位置插入文本内容
- JQuery在光标位置插入内容
- Vue中使用Froala Editor时,外部方法调用html.insert()插入内容到光标最后停留位置功能实现
- Vue中使用Froala Editor时,外部方法调用html.insert()插入内容到光标最后停留位置功能实现
- 可编辑的div中光标位置插入对应内容(img,字符串------)
- javascript获取textarea光标选择位置和内容方法(IE, Firefox)