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 相关文章推荐
一个js写的日历(代码部分网摘)
Sep 20 Javascript
jquery 选择器部分整理
Oct 28 Javascript
jQuery Ajax请求状态管理器打包
May 03 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 Javascript
javascript里使用php代码实例
Dec 13 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
Feb 16 Javascript
JQuery validate插件Remote用法大全
May 15 Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 Javascript
微信小程序对接七牛云存储的方法
Jul 30 Javascript
Javascript 严格模式use strict详解
Sep 16 Javascript
vue的安装及element组件的安装方法
Mar 09 Javascript
JavaScript获取URL参数的方法分享
Apr 07 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
WHOIS类的修改版
2006/10/09 PHP
浅析linux下apache服务器的配置和管理
2013/08/10 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
Mootools 1.2教程(21)——类(二)
2009/09/15 Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
2010/04/25 Javascript
javascript椭圆旋转相册实现代码
2012/01/16 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
javascript与css3动画结合使用小结
2015/03/11 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
2017/07/04 jQuery
angularjs2 ng2 密码隐藏显示的实例代码
2017/08/01 Javascript
javaScript和jQuery自动加载简单代码实现方法
2017/11/24 jQuery
解决Angular.js中使用Swiper插件不能滑动的问题
2018/02/26 Javascript
小程序自定义日历效果
2018/12/29 Javascript
十分钟教你上手ES2020新特性
2020/02/12 Javascript
vue实现简单图片上传
2020/06/30 Javascript
详解node.js创建一个web服务器(Server)的详细步骤
2021/01/15 Javascript
使用graphics.py实现2048小游戏
2015/03/10 Python
Python使用asyncio包处理并发详解
2017/09/09 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
Python3 实现串口两进程同时读写
2019/06/12 Python
在python中求分布函数相关的包实例
2020/04/15 Python
CSS3的Border-radius轻松制作圆角
2012/12/24 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
俄罗斯汽车零件和配件在线商店:CarvilleShop
2019/11/29 全球购物
金融专业应届生求职信
2013/11/02 职场文书
行政部工作岗位职责范本
2014/03/05 职场文书
幼儿园安全责任书
2014/04/14 职场文书
小班幼儿评语大全
2014/04/30 职场文书
小学亲子活动总结
2014/07/01 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
人事聘任通知
2015/04/21 职场文书
2015年团队工作总结范文
2015/05/04 职场文书
国富论读书笔记
2015/06/26 职场文书