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 相关文章推荐
Chrome中JSON.parse的特殊实现
Jan 12 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 Javascript
node.js中的fs.unlink方法使用说明
Dec 15 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
Bootstrap3制作自己的导航栏
May 12 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
Aug 31 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
解决webpack无法通过IP地址访问localhost的问题
Feb 22 Javascript
js实现图片上传到服务器和回显
Jan 19 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
Vue中的this.$options.data()和this.$data用法说明
Jul 26 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
Sep 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中类的自动加载的方法
2017/03/17 PHP
javascript实现二分查找法实现代码
2007/11/12 Javascript
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
2010/05/13 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
2013/02/16 Javascript
JS中三目运算符和if else的区别分析与示例
2014/11/21 Javascript
浅谈JavaScript 的执行顺序
2015/08/07 Javascript
jquery按回车键实现表单提交的简单实例
2016/05/25 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
2017/03/23 jQuery
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
EasyUI创建人员树的实例代码
2017/09/15 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
vue v-for 使用问题整理小结
2019/08/04 Javascript
js实现烟花特效
2020/03/02 Javascript
尝试使用Python多线程抓取代理服务器IP地址的示例
2015/11/09 Python
python字符串的方法与操作大全
2018/01/30 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
Python中print和return的作用及区别解析
2019/05/05 Python
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
凯特王妃父母建立的派对用品网站:Party Pieces
2017/05/28 全球购物
马来西亚最大的电器网站:Senheng
2017/10/13 全球购物
澳大利亚领先的优质葡萄酒拍卖会:Langton’s Fine Wines
2019/03/24 全球购物
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
颇特女士香港官网:NET-A-PORTER香港
2021/03/08 全球购物
财务出纳员岗位职责
2013/11/26 职场文书
迷你西餐厅创业计划书范文
2013/12/31 职场文书
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
公证委托书模板
2014/04/03 职场文书
中学生家长评语大全
2014/04/16 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
遗嘱格式范本
2015/08/07 职场文书
三严三实·严以用权心得体会
2016/01/12 职场文书
2019年第四季度财务部门工作计划
2019/11/02 职场文书
浅析MySQL如何实现事务隔离
2021/06/26 MySQL
SpringRetry重试框架的具体使用
2021/07/25 Java/Android