jQuery 在光标定位的地方插入文字的插件
来源:互联网 发布:ppsspp 源码 编辑:程序博客网 时间:2024/06/04 01:30
核心代码:
(function($){
$.fn.extend({
"insert":function(value){
//默认参数
value=$.extend({
"text":"123"
},value);
var dthis = $(this)[0]; //将jQuery对象转换为DOM元素
//IE下
if(document.selection){
$(dthis).focus(); //输入元素textara获取焦点
var fus = document.selection.createRange();//获取光标位置
fus.text = value.text; //在光标位置插入值
$(dthis).focus(); ///输入元素textara获取焦点
}
//火狐下标准
else if(dthis.selectionStart || dthis.selectionStart == '0'){
var start = dthis.selectionStart; //获取焦点前坐标
var end =dthis.selectionEnd; //获取焦点后坐标
//以下这句,应该是在焦点之前,和焦点之后的位置,中间插入我们传入的值 .然后把这个得到的新值,赋给文本框
dthis.value = dthis.value.substring(0, start) + value.text + dthis.value.substring(end, dthis.value.length); }
//在输入元素textara没有定位光标的情况
else{
this.value += value.text; this.focus();
};
return $(this);
}
})
})(jQuery)
主要思路:
当点击某个元素的时候,让一个输入框,插入指定的值。?
1.当点击某个元素的时候,应该让输入框获取焦点,因为只有获得了焦点,才能在里面输入值;
IE下:document.selection.createRange()
FF下:var start = dthis.selectionStart; //获取焦点前坐标
var end =dthis.selectionEnd; //获取焦点后坐标
2.获取当前输入框焦点的位置
3.将值插入到输入框焦点的位置;
4.再次获取焦点;保证光标在输入框内
在线演示: http://demo.jb51.net/js/2012/myfocustext/
打包下载: http://www.jb51.net/jiaoben/44153.html
复制代码代码如下:
(function($){
$.fn.extend({
"insert":function(value){
//默认参数
value=$.extend({
"text":"123"
},value);
var dthis = $(this)[0]; //将jQuery对象转换为DOM元素
//IE下
if(document.selection){
$(dthis).focus(); //输入元素textara获取焦点
var fus = document.selection.createRange();//获取光标位置
fus.text = value.text; //在光标位置插入值
$(dthis).focus(); ///输入元素textara获取焦点
}
//火狐下标准
else if(dthis.selectionStart || dthis.selectionStart == '0'){
var start = dthis.selectionStart; //获取焦点前坐标
var end =dthis.selectionEnd; //获取焦点后坐标
//以下这句,应该是在焦点之前,和焦点之后的位置,中间插入我们传入的值 .然后把这个得到的新值,赋给文本框
dthis.value = dthis.value.substring(0, start) + value.text + dthis.value.substring(end, dthis.value.length); }
//在输入元素textara没有定位光标的情况
else{
this.value += value.text; this.focus();
};
return $(this);
}
})
})(jQuery)
主要思路:
当点击某个元素的时候,让一个输入框,插入指定的值。?
1.当点击某个元素的时候,应该让输入框获取焦点,因为只有获得了焦点,才能在里面输入值;
IE下:document.selection.createRange()
FF下:var start = dthis.selectionStart; //获取焦点前坐标
var end =dthis.selectionEnd; //获取焦点后坐标
2.获取当前输入框焦点的位置
3.将值插入到输入框焦点的位置;
4.再次获取焦点;保证光标在输入框内
在线演示: http://demo.jb51.net/js/2012/myfocustext/
打包下载: http://www.jb51.net/jiaoben/44153.html
阅读全文
0 0
- jQuery 在光标定位的地方插入文字的插件
- 自定义insertContent方法的JQuery插件实现在文本框光标位置插入内容并选中
- 如何在textarea的光标位置插入文字
- JQuery在光标位置插入内容的实现代码
- 在光标位置插入内容的jquery实现方式
- 在textarea光标指定地方插入内容
- 在 可编辑的 Div 的 光标位置 插入 文字 或 HTML
- 移动光标到相应的文本(比如项目中,插入了图片之后,即在插入的地方显示光标)
- 【网络搜集】JS在文本框光标处插入文字内容的实例
- 图文混排中,在textView的指定光标下插入文字或图片
- TextView在光标处插入文字
- javascript控制在光标位置插入文字
- winform中怎么让滚动条总是显示在最后插入文字的地方
- EXT 在textarea的光标处插入
- EXT 在textarea的光标处插入
- EXT 在textarea的光标处插入
- 工作笔记---jQuery在可编辑的div光标处插入内容 兼容IE,火狐,谷歌
- C# 在文档光标处插入文字后光标移至被插入文字后
- pageEncoding和ContentType的区别
- 人工智能有哪些好书值得推荐?
- Android快捷键,替换
- 大数据在疾病间建立起惊人联系
- php用最简单的方式实现7牛云对象储存文件上传
- jQuery 在光标定位的地方插入文字的插件
- C语言实验——圆周率
- ajax 请求二进制流 图片 文件 XMLHttpRequest 请求并处理二进制流数据
- Ubuntu17.10下安装和编译caffe问题总结
- 适配iPhonex的头部安全区域 Masonry 的适配安全区域
- 自定义水平ProgressBar
- HTML5高级编程之图形扭曲及其应用一(原理篇)
- 【MQ】ActiveMQ(三)——spring管理ActiveMQ,实现发送和接收效果
- 百度:2017茶行业大数据