The following code is used:
Copy codeThe Code is as follows:
--------------------------------------------------------------------------------
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> insert text-ke leyi at the specified position of Javascript in the text field </title>
<Script type = "text/javascript">
Function insertAtCursor (myField, myValue ){
// IE support
If (document. selection ){
MyField. focus ();
Sel = document. selection. createRange ();
Sel. text = myValue;
Sel. select ();
}
// MOZILLA/NETSCAPE support
Else if (myField. selectionStart | myField. selectionStart = '0 '){
Var startPos = myField. selectionStart;
Var endPos = myField. selectionEnd;
// Save scrollTop before insert www.keleyi.com
Var restoreTop = myField. scrollTop;
MyField. value = myField. value. substring (0, startPos) + myValue + myField. value. substring (endPos, myField. value. length );
If (restoreTop> 0 ){
MyField. scrollTop = restoreTop;
}
MyField. focus ();
MyField. selectionStart = startPos + myValue. length;
MyField. selectionEnd = startPos + myValue. length;
} Else {
MyField. value + = myValue;
MyField. focus ();
}
}
</Script>
</Head>
<Body>
<Div style = "width: 500px; margin-left: auto; margin-right: auto; margin-top: 100px;">
<Textarea id = "keleyi_com" style = "width: 340px; height: 180px">
Ke leyi Javascript inserts text at the textarea cursor
</Textarea>
<Input type = "button" onclick = "insertAtCursor (document. getElementById ('keleyi _ com '), 'www .keleyi.com')" value = "insert text"/>
</Div> </body>
</Html>