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 相关文章推荐
javascript客户端解决方案 缓存提供程序
Jul 14 Javascript
jQuery学习基础知识小结
Nov 25 Javascript
Javascript中正则表达式的全局匹配模式分析
Apr 26 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
Feb 27 Javascript
jQuery 拖动层(在可视区域范围内)
May 24 Javascript
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
Dec 16 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
用jquery获取自定义的标签属性的值简单实例
Sep 17 Javascript
js简易版购物车功能
Jun 17 Javascript
vue2里面ref的具体使用方法
Oct 27 Javascript
微信小程序实现保存图片到相册功能
Nov 30 Javascript
React Hook用法示例详解(6个常见hook)
Apr 28 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
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
php实现的常见排序算法汇总
2014/09/08 PHP
php使用post数组的键值创建同名变量并赋值的方法
2015/04/03 PHP
php递归删除指定文件夹的方法小结
2015/04/20 PHP
PHP 出现 http500 错误的解决方法
2021/03/09 PHP
基于jQuery试卷自动排版系统
2010/07/18 Javascript
Jquery知识点一 Jquery的ready和Dom的onload的区别
2011/01/15 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
2015/11/02 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
浅谈JS运算符&&和|| 及其优先级
2016/08/10 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
2016/12/12 Javascript
Vue中组件之间数据的传递的示例代码
2017/09/08 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
Tornado 多进程实现分析详解
2018/01/12 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
基于python进行桶排序与基数排序的总结
2018/05/29 Python
python中Lambda表达式详解
2019/11/20 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
Aveda美国官网:天然护发产品、洗发水、护发素和沙龙
2016/12/09 全球购物
施华洛世奇英国官网:SWAROVSKI英国
2017/03/13 全球购物
团队精神演讲稿
2013/12/31 职场文书
2014升学宴答谢词
2014/01/26 职场文书
趣味体育活动方案
2014/02/08 职场文书
委托书范文
2014/04/02 职场文书
婚礼证婚人演讲稿
2014/09/13 职场文书
教师党员自我剖析材料
2014/09/29 职场文书
2014年幼儿园老师工作总结
2014/12/05 职场文书
安全检查汇报材料
2014/12/26 职场文书
体育教师个人工作总结
2015/02/09 职场文书
2016重阳节红领巾广播稿
2015/12/18 职场文书
创业计划书之小型广告公司
2019/10/22 职场文书
Redis 限流器
2022/05/15 Redis