基于jQuery的输入框在光标位置插入内容, 并选中


Posted in Javascript onOctober 29, 2011
// 
//使用方法 
//$(文本域选择器).insertContent("插入的内容"); 
//$(文本域选择器).insertContent("插入的内容",数值); //根据数值选中插入文本内容两边的边界, 数值: 0是表示插入文字全部选择,-1表示插入文字两边各少选中一个字符。 
// 
//在光标位置插入内容, 并选中 
(function($) { 
$.fn.extend({ 
insertContent: function(myValue, t) { 
var $t = $(this)[0]; 
if (document.selection) { //ie 
this.focus(); 
var sel = document.selection.createRange(); 
sel.text = myValue; 
this.focus(); 
sel.moveStart('character', -l); 
var wee = sel.text.length; 
if (arguments.length == 2) { 
var l = $t.value.length; 
sel.moveEnd("character", wee + t); 
t <= 0 ? sel.moveStart("character", wee - 2 * t - myValue.length) : sel.moveStart("character", wee - t - myValue.length); 
sel.select(); 
} 
} 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; 
if (arguments.length == 2) { 
$t.setSelectionRange(startPos - t, $t.selectionEnd + t); 
this.focus(); 
} 
} 
else { 
this.value += myValue; 
this.focus(); 
} 
} 
}) 
})(jQuery);
Javascript 相关文章推荐
javascript 客户端验证上传图片的大小(兼容IE和火狐)
Aug 15 Javascript
原生js事件的添加和删除的封装
Jul 01 Javascript
Express.JS使用详解
Jul 17 Javascript
实例分析javascript中的call()和apply()方法
Nov 28 Javascript
js实现点击切换TAB标签实例
Aug 21 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
Dec 13 Javascript
JavaScript实战之菜单特效
Aug 16 Javascript
jQuery布局组件EasyUI Layout使用方法详解
Feb 28 Javascript
微信小程序 获取javascript 里的数据
Aug 17 Javascript
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
js实现同一个页面,多个enter事件绑定的示例
Oct 10 Javascript
javascript获取select值的方法完整实例
Jun 20 Javascript
基于jquery的无限级联下拉框js插件
Oct 29 #Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
Oct 29 #Javascript
仿猪八戒网左下角的文字滚动效果
Oct 28 #Javascript
js实现双向链表互联网机顶盒实战应用实现
Oct 28 #Javascript
js常用代码段收集
Oct 28 #Javascript
jWiard 基于JQuery的强大的向导控件介绍
Oct 28 #Javascript
理解JSON:3分钟课程
Oct 28 #Javascript
You might like
php strstr查找字符串中是否包含某些字符的查找函数
2010/06/03 PHP
PHP实现把数字ID转字母ID
2013/08/12 PHP
php获取目录所有文件并将结果保存到数组(实例)
2013/10/25 PHP
PHP登录环节防止sql注入的方法浅析
2014/06/30 PHP
PHP批斗大会之缺失的异常详解
2019/07/09 PHP
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
javascript使用onclick事件改变选中行的颜色
2013/12/30 Javascript
js交换排序 冒泡排序算法(Javascript版)
2014/10/04 Javascript
SWFObject基本用法实例分析
2015/07/20 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
2016/07/14 Javascript
AngularJS使用ng-repeat指令实现下拉框
2016/08/23 Javascript
详解AngularJS 模块化
2017/06/14 Javascript
nodejs Assert中equal(),strictEqual(),deepEqual(),strictDeepEqual()比较
2017/09/18 NodeJs
vue router动态路由下让每个子路由都是独立组件的解决方案
2018/04/24 Javascript
angularjs 的数据绑定实现原理
2018/07/02 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
JS实现进度条动态加载特效
2020/03/25 Javascript
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
CentOS下使用yum安装python-pip失败的完美解决方法
2017/08/16 Python
Backcountry旗下的户外商品闪购网站:steep&cheap
2016/09/22 全球购物
中国跨境电商:Tomtop
2017/03/16 全球购物
红色连衣裙精品店:Red Dress Boutique
2018/08/11 全球购物
大学生社会实践方案
2014/05/11 职场文书
食品安全承诺书
2014/05/22 职场文书
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
群众路线剖析材料
2014/09/30 职场文书
乡镇民主生活会发言材料
2014/10/20 职场文书
小学生作文评语集锦
2014/12/25 职场文书
小学家长通知书评语
2014/12/31 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
春晚观后感
2015/06/11 职场文书