最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jQuery在光标定位的地方插入文字的插件_jquery

来源:懂视网 责编:小采 时间:2020-11-27 21:02:59
文档

jQuery在光标定位的地方插入文字的插件_jquery

jQuery在光标定位的地方插入文字的插件_jquery:核心代码: 代码如下: (function($){ $.fn.extend({ insert:function(value){ //默认参数 value=$.extend({ text:123 },value); var dthis = $(this)[0]; //将jQuery对象转换为DOM元素 //IE下 if(documen
推荐度:
导读jQuery在光标定位的地方插入文字的插件_jquery:核心代码: 代码如下: (function($){ $.fn.extend({ insert:function(value){ //默认参数 value=$.extend({ text:123 },value); var dthis = $(this)[0]; //将jQuery对象转换为DOM元素 //IE下 if(documen

核心代码:
代码如下:
(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.gxlcms.com/jiaoben/44153.html

文档

jQuery在光标定位的地方插入文字的插件_jquery

jQuery在光标定位的地方插入文字的插件_jquery:核心代码: 代码如下: (function($){ $.fn.extend({ insert:function(value){ //默认参数 value=$.extend({ text:123 },value); var dthis = $(this)[0]; //将jQuery对象转换为DOM元素 //IE下 if(documen
推荐度:
标签: 输入 插件 插入
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top