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 相关文章推荐
用jscript实现列出安装的软件列表
Jun 18 Javascript
总结AJAX相关JS代码片段和浏览器模型
Aug 15 Javascript
让你的博客飘雪花超出屏幕依然看得见
Jan 04 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
Sep 01 Javascript
网页从弹窗页面单选框传值至父页面代码分享
Sep 29 Javascript
原生javascript实现解析XML文档与字符串
Mar 01 Javascript
javascript时间差插件分享
Jul 18 Javascript
JS图片放大效果简单实现代码
Sep 08 Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
通过seajs实现JavaScript的模块开发及按模块加载
Jun 06 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
Nov 06 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闭包(Closure)使用详解
2013/05/02 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
php+mysql删除指定编号员工信息的方法
2015/01/14 PHP
php 访问oracle 存储过程实例详解
2017/01/08 PHP
Thinkphp结合AJAX长轮询实现PC与APP推送详解
2017/07/31 PHP
Laravel自动生成UUID,从建表到使用详解
2019/10/24 PHP
php屏蔽错误及提示的方法
2020/05/10 PHP
JQuery 技巧和窍门整理(8个)
2010/04/22 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
2011/10/14 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
2013/01/08 Javascript
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
jquery实现类似淘宝星星评分功能实例
2014/09/12 Javascript
第一次接触神奇的Bootstrap导航条
2016/08/09 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
2019/01/08 Javascript
小程序两种滚动公告栏的实现方法
2019/09/17 Javascript
JavaScript find()方法及返回数据实例
2020/04/30 Javascript
Python导出数据到Excel可读取的CSV文件的方法
2015/05/12 Python
Python实现把json格式转换成文本或sql文件
2015/07/10 Python
详解python的ORM中Pony用法
2018/02/09 Python
Java编程迭代地删除文件夹及其下的所有文件实例
2018/02/10 Python
Python SQLite3简介
2018/02/22 Python
tensorflow 获取模型所有参数总和数量的方法
2018/06/14 Python
详解Python3.6的py文件打包生成exe
2018/07/13 Python
详解python调用cmd命令三种方法
2019/07/08 Python
OpenCV Python实现拼图小游戏
2020/03/23 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
django中cookiecutter的使用教程
2020/12/03 Python
监察建议书
2015/02/04 职场文书
2016年党员公开承诺书范文
2016/03/24 职场文书
从贫穷到富有,是知识技能和学习力的差别
2019/08/20 职场文书
Python如何导出导入所有依赖包详解
2021/06/08 Python
灵能百分百第三季什么时候来?
2022/03/15 日漫
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA