<HTML >
<HEAD >
<SCRIPT >
function insertAtCaret (textEl, text) {
textEl.focus();
document.selection.createRange().text += text
textEl.blur();
}
function deleteAtCaret (textEl) {
textEl.focus();
document.selection.createRange().moveEnd( "character",1)
document.selection.clear();
textEl.blur();
}
function moveAtCaret(obj){
obj.focus();
var rng=document.selection.createRange();
rng.moveStart("character", 1)
rng.select();
}
</SCRIPT >
</HEAD >
<BODY >
<FORM NAME= "aForm" >
<TEXTAREA NAME= "aTextArea" ROWS= "5 " COLS= "80 " WRAP= "soft " > 这是例子,你可以在这里添加文字、插入文字。 </TEXTAREA >
<BR >
<INPUT TYPE= "text" NAME= "aText" SIZE= "80 " VALUE= "我要在光标处插入这些文字 " > <BR >
<INPUT TYPE= "button" VALUE= "我要在光标处插入上面文本框里输入的文字! " ONCLICK= "insertAtCaret(this.form.aTextArea, this.form.aText.value); " >
<INPUT TYPE= "button" VALUE= "我要删除光标后面的一个文字! " ONCLICK= "deleteAtCaret(this.form.aTextArea); " >
<INPUT TYPE= "button" VALUE= "后移一个文字! " ONCLICK= "moveAtCaret(this.form.aTextArea);" >
</FORM >
</BODY >
</HTML >
<HEAD >
<SCRIPT >
function insertAtCaret (textEl, text) {
textEl.focus();
document.selection.createRange().text += text
textEl.blur();
}
function deleteAtCaret (textEl) {
textEl.focus();
document.selection.createRange().moveEnd( "character",1)
document.selection.clear();
textEl.blur();
}
function moveAtCaret(obj){
obj.focus();
var rng=document.selection.createRange();
rng.moveStart("character", 1)
rng.select();
}
</SCRIPT >
</HEAD >
<BODY >
<FORM NAME= "aForm" >
<TEXTAREA NAME= "aTextArea" ROWS= "5 " COLS= "80 " WRAP= "soft " > 这是例子,你可以在这里添加文字、插入文字。 </TEXTAREA >
<BR >
<INPUT TYPE= "text" NAME= "aText" SIZE= "80 " VALUE= "我要在光标处插入这些文字 " > <BR >
<INPUT TYPE= "button" VALUE= "我要在光标处插入上面文本框里输入的文字! " ONCLICK= "insertAtCaret(this.form.aTextArea, this.form.aText.value); " >
<INPUT TYPE= "button" VALUE= "我要删除光标后面的一个文字! " ONCLICK= "deleteAtCaret(this.form.aTextArea); " >
<INPUT TYPE= "button" VALUE= "后移一个文字! " ONCLICK= "moveAtCaret(this.form.aTextArea);" >
</FORM >
</BODY >
</HTML >
解决方案 »
- 关于iframe子页面调用父窗口js函数的问题,请教
- JS代码里面如何给图片添加和titles同样的链接!
- 当iframe页面获得焦点时触发指定事件
- 寻求JS问题 层不跟随鼠标移动(Asp.net)
- JS的流行框架有哪些?希望给出链接
- 有谁把梅花雪的树改成过JSP的,我改了一下,不成功啊!
- 关于js弱类型var的请教
- 怎么计算两个时间的试检查,并且按某个格式显示
- 怎样实现字符串匹配
- Javascript问题,拜谢!!
- 我想在在个页面中放个打印按钮,打印另外页面的内容,但这个页面还不能显示出来,我该怎么去做?
- 我想在在个页面中放个打印按钮,打印另外页面的内容,但这个页面还不能显示出来,我该怎么去做?
textEl.focus();
var rng=document.selection.createRange();
rng.moveStart("character", num)
rng.collapse(num<0);
rng.select();
}
<INPUT TYPE= "button" VALUE= "后移一个文字! " ONCLICK= "moveAtCaret(this.form.aTextArea,1);" >
<INPUT TYPE= "button" VALUE= "前移一个文字! " ONCLICK= "moveAtCaret(this.form.aTextArea,-1);" >