`

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

    博客分类:
  • js
阅读更多
http://www.jb51.net/article/30270.htm


(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)
分享到:
评论

相关推荐

    Jquery内容插入光标处插件

    "Jquery内容插入光标处插件"是针对一个特定需求而设计的工具,它允许开发者在用户输入光标所在的位置动态插入内容,这对于构建富文本编辑器、聊天应用或任何需要在特定位置动态添加文本的界面来说是非常有用的。...

    jquery Dreamweave代码提示插件

    当你在Dreamweaver中输入jQuery语法时,插件会即时显示相关的函数和方法,供你选择和插入。这样,即使是对jQuery不太熟悉的开发者也能轻松地写出正确的代码。 安装jQuery Dreamweaver代码提示插件非常简单,只需将...

    jQuery插件datalist实现很好看的input下拉列表

    本文介绍的内容是关于如何利用jQuery实现HTML5中定义的input元素类型为datalist的下拉列表功能。...这种情况下,利用jQuery插件来实现datalist的功能,可以作为在旧浏览器上实现现代网页功能的一个有效途径。

    jQuery往textarea中光标所在位置插入文本的方法

    本文主要介绍如何使用jQuery在textarea元素中光标所在位置插入文本的技术,涉及到的操作和概念包括jQuery库的使用、文本框(textarea)的光标定位与操作、JavaScript中的字符串操作等。文章首先定义了jQuery的扩展...

    可为textarea添加行号的jquery插件

    本文将详细介绍一款基于jQuery的插件,该插件专门用于为textarea添加行号,使得用户在编辑长文本时能够更加便捷地追踪和定位每一行。 首先,让我们了解这个插件的基本原理。在HTML中,textarea元素常用于收集用户...

    jQuery.curpos.js插件获textarea输入框下光标的位置.zip

    《jQuery.curpos.js插件:掌握输入框光标位置的奥秘》 在网页开发中,与用户交互的表单元素如textarea常常需要细致的控制,例如获取或设置光标位置,这在实现某些特定功能时是必不可少的。jQuery作为一款广泛使用的...

    jquery 聊天程序 表情插件

    表情插件是聊天程序的一个重要组成部分,它允许用户在对话中插入预定义的表情符号,提高表达的生动性和趣味性。常见的实现方式有: 1. 图片表情:通过提供一系列预设的表情图片,用户点击即可插入到输入框中。 2. ...

    输入框插件

    首先,输入框插件的基本功能包括文本输入、文本选择、光标定位、回车提交等。在网页开发中,这些功能通常通过HTML的`<input type="text">`元素实现,而在此插件中,可能还会包含额外的样式和行为增强,如自动补全、...

    Javascript 获取光标位置

    这个功能可以帮助开发者精确地控制用户在文本输入框中的光标定位,例如在某些特定字符后插入文本或执行其他操作。 在JavaScript中,获取光标位置主要有两种方式: 1. **基于`input`或`textarea`元素**: 对于`...

    jQuery仿新浪微博@功能代码

    5. **Caret定位**:`jquery.caret.js`插件是用于处理光标位置的,确保用户在输入@后,光标能正确地在所选用户名之后。 6. **AMD模块化**:`umd.template.js`可能与使用AMD(Asynchronous Module Definition)规范...

    sublime插件

    2. **选择安装插件**:输入 `install` 并选择 `Install Package` 选项,然后在列表中选择想要安装的插件。 #### 常用插件介绍与使用 - **Emmet(原名 ZenCoding)** - 描述:Emmet 是一种用于快速编写 HTML 和 ...

    光标从编辑器移入本页面中的其它输入域后,IE中每次只在编辑器首部插入内容

    标题“光标从编辑器移入本页面中的其它输入域后,IE中每次只在编辑器首部插入内容”所涉及的问题,主要集中在Web开发中的浏览器兼容性问题,特别是针对Internet Explorer(IE)浏览器的特定行为。在Web应用中,编辑...

    jquery+js实现文本框部分内容被选中(兼容各种浏览器)

    这里我们使用了`jquery-position.js`,它可能包含了自定义的jQuery插件或方法,用于定位元素。如果没有提供更多的信息,我们将假设它包含了一些通用的jQuery方法。下面是如何使用这些库来实现文本选中的代码: ```...

    jquery 示例

    - jQuery 允许开发者创建自定义的选择器,以更高效地定位页面中的特定元素。在这个示例中,可能演示了如何通过自定义选择器实现一种特殊的光标效果,例如当鼠标悬停在特定元素上时,光标形状或颜色发生变化。 2. *...

    autocomplete:jQuery插件创建智能自动补全

    4. **自定义配置**:`autocomplete`插件提供了许多可定制的选项,如`delay`(延迟触发补全的时间)、`appendTo`(指定补全列表插入的位置)、`position`(定位补全列表的策略)等。你可以根据实际需求调整这些配置。...

    jQuery评论框插入QQ表情特效代码

    【jQuery评论框插入QQ表情特效代码】是一种在前端开发中常见的功能实现,它结合了JavaScript、ECMAScript和jQuery库,旨在为用户在评论输入框中提供类似QQ聊天中的表情选择和插入体验。这个功能在社交网站、博客、...

    基于jQuery实现的设置文本区域的光标位置

    在本文中,第一种实现方法是通过jQuery插件`.selectRange`来设置光标的起始和结束位置。这个插件函数能够根据传入的开始和结束参数,设置文本框中的光标选区。如果只传递一个参数,则该参数被认为是光标的开始位置,...

Global site tag (gtag.js) - Google Analytics