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中利用各种循环进行遍历的方式总结
Nov 10 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 Javascript
基于javascript实现表格的简单操作
May 21 Javascript
jQuery EasyUI常用数据验证汇总
Sep 18 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
Apr 25 Javascript
JavaScript字符串_动力节点Java学院整理
Jun 27 Javascript
详解AngularJS跨页面传值(ui-router)
Aug 23 Javascript
本地搭建微信小程序服务器的实现方法
Oct 27 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
详解element上传组件before-remove钩子问题解决
Apr 08 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基础学习之流程控制的实现分析
2013/04/28 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
javascript之解决IE下不渲染的bug
2007/06/29 Javascript
兼容ie和firefox js关闭代码
2008/12/11 Javascript
web 页面分页打印的实现
2009/06/22 Javascript
Jquery替换已存在于element上的event的方法
2010/03/09 Javascript
javascript学习笔记(七)Ajax和Http状态码
2014/10/08 Javascript
javascript几个易错点记录
2014/11/26 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
2015/05/28 Javascript
浅析node连接数据库(express+mysql)
2015/11/30 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
jquery Banner轮播选项卡
2016/12/26 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
解决vue打包之后静态资源图片失效的问题
2018/02/21 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
原生JS实现留言板功能
2020/02/08 Javascript
[44:43]完美世界DOTA2联赛决赛日 FTD vs GXR 第一场 11.08
2020/11/11 DOTA
Python使用chardet判断字符编码
2015/05/09 Python
Python第三方库xlrd/xlwt的安装与读写Excel表格
2017/01/21 Python
在Python中将函数作为另一个函数的参数传入并调用的方法
2019/01/22 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
如何基于Python实现数字类型转换
2020/02/07 Python
python实现猜数游戏
2020/03/27 Python
CHARLES & KEITH澳大利亚官网:新加坡时尚品牌
2019/01/22 全球购物
社区工作者思想汇报
2014/01/13 职场文书
结婚邀请函范文
2014/01/14 职场文书
安全教育月活动总结
2014/05/05 职场文书
缅怀先烈演讲稿
2014/09/03 职场文书
祖国在我心中演讲稿600字
2014/09/23 职场文书
2014年政工师工作总结
2014/12/18 职场文书
社区国庆节活动总结
2015/03/23 职场文书
简历中的自我评价应该这样写!
2019/07/12 职场文书
Java常用工具类汇总 附示例代码
2021/06/26 Java/Android
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers