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的无缝循环新闻列表插件
Mar 07 Javascript
JavaScript快速检测浏览器对CSS3特性的支持情况
Sep 26 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
Oct 06 Javascript
javascript中的作用域和闭包详解
Jan 13 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
Apr 17 Javascript
js 作用域和变量详解
Feb 16 Javascript
vue component组件使用方法详解
Jul 14 Javascript
Vue起步(无cli)的啊教程详解
Apr 11 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
PHP读取远程txt文档到数组并实现遍历
Aug 25 Javascript
vue使用element-ui按需引入
May 20 Vue.js
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 session应用实例 登录验证
2009/03/16 PHP
php获取操作系统语言代码
2013/11/04 PHP
smarty模板引擎基础知识入门
2015/03/30 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
PHP date_default_timezone_set()设置时区操作实例分析
2020/05/16 PHP
许愿墙中用到的函数
2006/10/07 Javascript
用javascript动态调整iframe高度的方法
2007/03/06 Javascript
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
Jsonp post 跨域方案
2015/07/06 Javascript
Jquery遍历select option和添加移除option的实现方法
2016/08/26 Javascript
JS计算两个时间相差分钟数的方法示例
2018/01/10 Javascript
vue 插值 v-once,v-text, v-html详解
2018/01/19 Javascript
vue 1.0 结合animate.css定义动画效果
2018/07/11 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
JavaScript实现表单注册、表单验证、运算符功能
2018/10/15 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
JS实现获取自定义属性data值的方法示例
2018/12/19 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
2020/10/09 jQuery
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
python通过colorama模块在控制台输出彩色文字的方法
2015/03/19 Python
python中字符串变二维数组的实例讲解
2018/04/03 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
在keras中获取某一层上的feature map实例
2020/01/24 Python
python 使用raw socket进行TCP SYN扫描实例
2020/05/05 Python
碧欧泉Biotherm加拿大官方网站:法国高端护肤品牌
2019/10/18 全球购物
理工学院学生自我鉴定
2014/02/23 职场文书
节约用水演讲稿
2014/05/21 职场文书
公司授权委托书范文
2014/08/02 职场文书
交通事故协议书范本
2014/11/18 职场文书
远程教育学习心得体会
2016/01/23 职场文书
高中班主任工作总结(范文)
2019/08/20 职场文书
Python实现自动玩连连看的脚本分享
2022/04/04 Python