`

基于jquery获取光标所在位置

阅读更多

// 
//使用方法 
//$(文本域选择器).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);

分享到:
评论

相关推荐

    jQuery获取设置textarea中光标位置

    jQuery扩展函数,用于获取设置textarea中光标位置

    jquery 确定光标位置

    在jQuery中,没有直接的方法来获取或设置光标位置,但我们可以利用JavaScript的原生方法。以下是一些关键的JavaScript函数,用于处理光标位置: 1. **获取光标位置**: 要获取光标在文本框中的位置,可以使用`...

    jQuery获取和设置文本框光标

    在jQuery中,没有直接的方法来获取或设置光标位置,但我们可以利用JavaScript的原生API来实现这一目标。以下是一些关键知识点: 1. **获取光标位置**: - 使用`element.selectionStart`属性,它可以返回光标在...

    Javascript 获取光标位置

    jQuery使得DOM操作更加简便,它也可以帮助我们获取光标位置,例如: ```javascript var $input = $('#myInput'); $input.focus(); // 先确保输入框获得焦点 var cursorPos = $input.prop('selectionStart'); // ...

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

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

    jQuery获取当前点击的对象元素(实现代码)

    jQuery获取当前点击的对象元素(实现代码) [removed][removed] &lt;/head&gt; &lt;body&gt; 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...

    基于jQuery的HTML5移动端音乐播放器源码.zip

    基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器...

    jQuery 获得控件的坐标位置

    ### jQuery 获取控件的坐标位置 #### 知识点概览 在网页开发过程中,经常需要获取页面元素的坐标位置,以便实现特定的功能,如弹窗定位、元素拖拽等。jQuery 提供了一系列方法来方便地获取这些坐标值。本文将详细...

    基于jQuery的Ajax聊天室程序

    【基于jQuery的Ajax聊天室程序】是一个典型的Web交互应用,它利用了Ajax技术来实现实时的、无需页面刷新的用户交流。Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页...

    jquery 获取浏览器滚动条宽度数值

    jquery 获取当前浏览器滚动条宽度数值

    jquery获取网站域名

    jjquery获取网站域名

    jQuery移动光标改变图像

    【jQuery移动光标改变图像】是一种使用JavaScript库jQuery实现的交互式图像展示技术。这个功能允许用户通过鼠标在页面上移动来控制或改变图像的显示,增强了用户与网页的互动体验。这种效果常用于产品展示、图片浏览...

    Java Web Jquery表单验证

    编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....

    Jquery内容插入光标处插件

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

    基于jQuery的猫鼠追逐游戏的完整代码.html

    基于jQuery的猫鼠追逐游戏的完整代码.html基于jQuery的猫鼠追逐游戏的完整代码.html基于jQuery的猫鼠追逐游戏的完整代码.html基于jQuery的猫鼠追逐游戏的完整代码.html基于jQuery的猫鼠追逐游戏的完整代码.html基于...

    基于 jquery 的 html 贪吃蛇 简单实现

    4. 更新界面:每次移动后,使用jQuery的`animate()`方法更新蛇的位置,并根据游戏状态更新分数显示等。 【总结】 基于jQuery的HTML贪吃蛇游戏实现,巧妙地利用了HTML和CSS的特性,结合jQuery的便捷功能,将复杂的...

    jQuery实现获取元素索引值index的方法

    首先,我们要了解“.index()”方法的作用,它可以帮助我们获取jQuery对象集合中某个元素的索引位置。这个索引值是从0开始计数的,即第一个元素的索引值为0。这个方法既可以用来获取子元素的索引,也可以用来获取与...

    最简单的投票模型 基于JQuery jsp实现.rar

    最简单的投票模型 基于JQuery jsp实现.rar 最简单的投票模型 基于JQuery jsp实现.rar 最简单的投票模型 基于JQuery jsp实现.rar 最简单的投票模型 基于JQuery jsp实现.rar

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

    今天我们将探讨的是一款名为jQuery.curpos.js的插件,它专门用于获取textarea输入框中的光标位置,使得开发者能够更便捷地进行文本操作。 首先,jQuery.curpos.js插件的核心在于其提供的方法,允许我们轻松获取或...

Global site tag (gtag.js) - Google Analytics