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


Posted in Javascript onMarch 22, 2013

下面是代码:

--------------------------------------------------------------------------------
<!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 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">
柯乐义 Javascript 在textarea光标处插入文本
</textarea>
<input type="button" onclick="insertAtCursor(document.getElementById('keleyi_com'),'www.keleyi.com')" value="插入文本" />
</div></body>
</html>
Javascript 相关文章推荐
JavaScript中的property和attribute介绍
Dec 26 Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
Jun 14 Javascript
Javascript写入txt和读取txt文件示例
Feb 12 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
JS随机洗牌算法之数组随机排序
Mar 23 Javascript
JavaScript用构造函数如何获取变量的类型名
Dec 23 Javascript
easyUI下拉列表点击事件使用方法
May 18 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
jQuery 筛选器简单操作示例
Oct 02 jQuery
JS实现音乐钢琴特效
Jan 06 Javascript
详解Node.js使用token进行认证的简单示例
May 25 Javascript
Electron实现应用打包、自动升级过程解析
Jul 07 Javascript
JavaScript 验证码的实例代码(附效果图)
Mar 22 #Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 #Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 #Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
Mar 21 #Javascript
jquery实现网站超链接和图片提示效果
Mar 21 #Javascript
jquery 表格的增行删行实现思路
Mar 21 #Javascript
杨氏矩阵查找的JS代码
Mar 21 #Javascript
You might like
main.php
2006/12/09 PHP
PHP 巧用数组降低程序的时间复杂度
2010/01/01 PHP
php基于curl重写file_get_contents函数实例
2016/11/08 PHP
php实现的mysqldb读写分离操作类示例
2017/02/07 PHP
PHP将数据导出Excel表中的实例(投机型)
2017/07/31 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
PHP封装cURL工具类与应用示例
2019/07/01 PHP
laravel实现登录时监听事件,添加登录用户的记录方法
2019/09/30 PHP
Laravel5.1 框架控制器基础用法实例分析
2020/01/04 PHP
jQuery 白痴级入门教程
2009/11/11 Javascript
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
Extjs表单常见验证小结
2014/03/07 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
2015/03/13 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
详细探究ES6之Proxy代理
2016/07/22 Javascript
将json转换成struts参数的方法
2016/11/08 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
2017/03/09 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
探究react-native 源码的图片缓存问题
2017/08/24 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
基于vue手写tree插件的那点事儿
2019/08/20 Javascript
[38:30]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场2
2014/05/24 DOTA
Python 调用DLL操作抄表机
2009/01/12 Python
python定时器(Timer)用法简单实例
2015/06/04 Python
Python二分查找详解
2015/09/13 Python
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
python中的随机函数random的用法示例
2018/01/27 Python
Python去除、替换字符串空格的处理方法
2018/04/01 Python
python speech模块的使用方法
2020/09/09 Python
python实现经典排序算法的示例代码
2021/02/07 Python
反腐倡廉标语
2014/06/24 职场文书
儿童诗两首教学反思
2016/02/23 职场文书
apache基于端口创建虚拟主机的示例
2021/04/24 Servers
redis调用二维码时的不断刷新排查分析
2022/04/01 Redis
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers