2009年6月30日 星期二

在文章游標處插入文字

[JavaScript]在光标处插入文字

<HTML>

<HEAD> 

<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="cForm">


<TEXTAREA NAME="aTextArea" ROWS="10" COLS="60" 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>

網誌存檔