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 相关文章推荐
intro.js 页面引导简单用法 分享
Aug 06 Javascript
JavaScript Date对象详解
Mar 01 Javascript
confirm确认对话框的实现方法总结
Jun 17 Javascript
JS给swf传参数的实现方法
Sep 13 Javascript
Node.js使用Express创建Web项目详细教程
Mar 31 Javascript
Angularjs为ng-click事件传递参数
Jun 15 Javascript
Vue 自定义动态组件实例详解
Mar 28 Javascript
Angular4 反向代理Details实践
May 30 Javascript
vue结合element-ui使用示例
Jan 24 Javascript
微信小程序实现原生步骤条
Jul 25 Javascript
JS制作简易计算器的实例代码
Jul 04 Javascript
ant design vue中表格指定格式渲染方式
Oct 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
PHP脚本数据库功能详解(下)
2006/10/09 PHP
PHP 之Section与Cookie使用总结
2012/09/14 PHP
学习php设计模式 php实现适配器模式
2015/12/07 PHP
php简单检测404页面的方法示例
2019/08/23 PHP
js打印纸函数代码(递归)
2010/06/18 Javascript
function foo的原型与prototype属性解惑
2010/11/19 Javascript
JS等比例缩小图片尺寸的实例
2013/02/27 Javascript
JavaScript调用ajax获取文本文件内容实现代码
2014/03/28 Javascript
sogou地图API用法实例教程
2014/09/11 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
2015/05/03 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
基于jquery插件编写countdown计时器
2016/06/12 Javascript
纯js和css完成贪吃蛇小游戏demo
2016/09/01 Javascript
Angular2学习笔记——详解NgModule模块
2016/12/02 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
2017/06/15 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
2017/12/20 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
详解Vue之父子组件传值
2019/04/01 Javascript
微信小程序自定义组件实现环形进度条
2020/11/17 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
2019/09/21 Javascript
JS图片预加载三种实现方法解析
2020/05/08 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
[08:54]DOTA2-DPC中国联赛 正赛 Aster vs LBZS 选手采访
2021/03/11 DOTA
python 提取文件的小程序
2009/07/29 Python
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
python的pdb调试命令的命令整理及实例
2017/07/12 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
python实现图片压缩代码实例
2019/08/12 Python
python 遗传算法求函数极值的实现代码
2020/02/11 Python
python如何实时获取tcpdump输出
2020/09/16 Python
tensorflow与numpy的版本兼容性问题的解决
2021/01/08 Python
会计系毕业个人自荐信格式
2013/09/23 职场文书
团日活动总结书格式
2014/05/08 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
律师授权委托书范本
2014/10/07 职场文书
宣传委员竞选稿
2015/11/19 职场文书