JS在textarea光标处插入文本的小例子

下面是代码:复制代码代码如下:--------------------------------------------------------------------------------<!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>JS在文本域鼠标指定位置插入文本-柯乐义</title><script type="text/javascript">function insertAtCursor(myField, myValue) {//IE supportif (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.comvar 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">柯乐义 Javascript 在textarea光标处插入文本</textarea><input type="button" onclick="insertAtCursor(document.getElementById('keleyi_com'),'www.keleyi.com')" value="插入文本" /></div></body></html>

　　推荐阅读

　　jquery入门—数据删除与隔行变色以及图片预览

1、功能需求：表格中数据隔行变色、删除数据、全选删除、鼠标移动到图片时显示图片预览 2、示例代码如下：复制代码代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <T>>>详细阅读

本文标题：JS在textarea光标处插入文本的小例子

地址：http://www.17bianji.com/kaifa2/JS/22578.html

1/2 1