JQuery在光标位置插入内容的实现代码


Posted in Javascript onJune 18, 2010
(function($){ 
$.fn.extend({ 
insertAtCaret: function(myValue){ 
var $t=$(this)[0]; 
if (document.selection) { 
this.focus(); 
sel = document.selection.createRange(); 
sel.text = myValue; 
this.focus(); 
} 
else 
if ($t.selectionStart || $t.selectionStart == '0') { 
var startPos = $t.selectionStart; 
var endPos = $t.selectionEnd; 
var scrollTop = $t.scrollTop; 
$t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length); 
this.focus(); 
$t.selectionStart = startPos + myValue.length; 
$t.selectionEnd = startPos + myValue.length; 
$t.scrollTop = scrollTop; 
} 
else { 
this.value += myValue; 
this.focus(); 
} 
} 
}) 
})(jQuery);

使用方法:
$(selector).insertAtCaret("value");
Javascript 相关文章推荐
基于jquery打造的百分比动态色彩条插件
Sep 19 Javascript
javascript 获取图片尺寸及放大图片
Sep 04 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
JavaScript函数获取事件源的小例子
May 14 Javascript
Javascript Objects详解
Sep 04 Javascript
js绘制圆形和矩形的方法
Aug 05 Javascript
JS实现适合于后台使用的动画折叠菜单效果
Sep 21 Javascript
JavaScript中windows.open()、windows.close()方法详解
Jul 28 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
去掉vue 中的代码规范检测两种方法(Eslint验证)
Mar 21 Javascript
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
Javascript执行流程细节原理解析
May 14 Javascript
JavaScript Chart 插件整理
Jun 18 #Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 #Javascript
Javascript下IE与Firefox下的差异兼容写法总结
Jun 18 #Javascript
js打印纸函数代码(递归)
Jun 18 #Javascript
jquery 弹出层注册页面等(asp.net后台)
Jun 17 #Javascript
jquery 多行滚动代码(附详细解释)
Jun 17 #Javascript
关于juqery radio写法的兼容性问题(新老版本jquery)
Jun 14 #Javascript
You might like
利用PHP和AJAX创建RSS聚合器的代码
2007/03/13 PHP
解析php中curl_multi的应用
2013/07/17 PHP
PHP获取数组长度或某个值出现次数的方法
2015/02/11 PHP
PHP获取Exif缩略图的方法
2015/07/13 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
Prototype 学习 工具函数学习($方法)
2009/07/12 Javascript
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
javascript动态加载二
2012/08/22 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
2013/06/24 Javascript
js控制容器隐藏出现防止样式变化的两种方法
2014/04/25 Javascript
JavaScript的内存释放问题详解
2015/01/21 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
解决vant title-active-color与title-inactive-color不生效问题
2020/11/03 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
Python读写Excel文件的实例
2013/11/01 Python
TensorFlow实现iris数据集线性回归
2018/09/07 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
Python @property使用方法解析
2019/09/17 Python
python3中for循环踩过的坑记录
2020/12/14 Python
贝玲妃美国官方网站:Benefit美国
2016/08/28 全球购物
Stokke美国官方网店:高级儿童家具、推车、汽车座椅和配件
2020/06/06 全球购物
大学生新闻专业个人自我评价
2013/11/12 职场文书
互联网创业计划书的书写步骤
2014/01/28 职场文书
酒店开业庆典主持词
2014/03/21 职场文书
客户经理竞聘演讲稿
2014/05/15 职场文书
2014年转正工作总结
2014/11/08 职场文书
2014年党员个人工作总结
2014/12/02 职场文书
少先队入队仪式主持词
2015/07/04 职场文书
煤矿安全生产工作总结
2015/08/13 职场文书
2016学校先进集体事迹材料
2016/02/29 职场文书
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers