文档章节

jquery 光标操作

j
 jasvt
发布于 2016/05/08 13:53
字数 221
阅读 12
收藏 0

$.fn.extend({

//获取光标位置

getCurPos : function(){

var thisDom = $(this).get(0);

var index = 0; 

if (document.selection) {// IE Support 

thisDom.focus(); 

var Sel = document.selection.createRange(); 

if (thisDom.nodeName === 'TEXTAREA') {//textarea 

var Sel2 = Sel.duplicate(); 

Sel2.moveToElementText(thisDom); 

var index = -1; 

while (Sel2.inRange(Sel)) { 

Sel2.moveStart('character'); 

index++; 

}; 

} else if (thisDom.nodeName === 'INPUT') {// input 

Sel.moveStart('character', -thisDom.value.length); 

index = Sel.text.length; 

} else if (thisDom.selectionStart || thisDom.selectionStart == '0') { // Firefox support 

index = thisDom.selectionStart; 

return (index); 

},

//设置光标位置

setCurPos : function(posindex){

var thisDom = $(this).get(0);

if (document.selection) {// IE Support

var r = thisDom.createTextRange(); 

r.collapse(true); 

r.moveStart('character',posindex); 

r.select(); 

}else{

thisDom.selectionStart = posindex;

thisDom.selectionEnd = posindex;

}

},

//选择文本

selectText : function(start,len){

var thisDom = $(this).get(0);

if (document.selection) {// IE Support

var r = thisDom.createTextRange(); 

r.collapse(true); 

r.moveStart('character',start); 

r.moveEnd('character',len); 

r.select(); 

}else{

thisDom.selectionStart = start;

thisDom.selectionEnd = start+len;

}

},

//在光标位置插入一段文本

insertToCurPos : function(text){

var valstr = $(this).val();

var pos = $(this).getpos();

if(valstr.length >= pos){

var prestr = valstr.substring(0,pos);

var sufstr = valstr.substring(pos);

$(this).val(prestr+text+sufstr);

}

}

});


版权:转自http://www.oschina.net/code/snippet_590489_23230

本文转载自:http://www.oschina.net/code/snippet_590489_23230

j
粉丝 0
博文 2
码字总数 0
作品 0
沈阳
私信 提问
一些设计优雅的 jQuery 工具提示插件

工具提示 (Tooltip) 是一种“常见图形用户界面元素,结合一个游标,通常是一个鼠标指针来使用。当用户的光标停留在一个元素而无需点击它,就会出现一个显示额外信息的小提示盒子。 本文介绍一...

oschina
2012/11/17
3K
4
jquery中文本域光标操作(选中、添加、删除、获取)

导读] 以前我们会使用js来实现读取你当前光标的效果,下面我来介绍利用jquery中文本域光标来实现选中、添加、删除、获取操作,有需要的朋友可参考。 该针对文本域的扩展实现的功能及使用方法...

Carl_
2014/09/09
326
0
20 个很有用的 jQuery 工具提示插件

工具提示 (Tooltip) 是当你悬停在该元素用于显示关于一个元素附加信息的页面组件。当你想要显示额外的信息而不改变你的设计元素时是非常方便的。当你把鼠标光标放在一个元素,可以是链接或者按...

oschina
2012/12/29
3.9K
6
50个必备的实用jQuery代码段

本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快...

光石头
2011/10/21
228
0
为开发者准备的 15 款 Tooltip 工具提示 jQuery 插件

tooltip或者infotip或者hint,是一种常见的图形用户界面元素。它用于连同一个光标,通常是一个鼠标光标。当用户将鼠标悬停在一个特定的地方,无需点击,就会出现一个包含关于悬停到这个地方的...

oschina
2013/07/05
16.2K
11

没有更多内容

加载失败,请刷新页面

加载更多

Mybatis Plus删除

/** @author beth @data 2019-10-17 00:30 */ @RunWith(SpringRunner.class) @SpringBootTest public class DeleteTest { @Autowired private UserInfoMapper userInfoMapper; /** 根据id删除......

一个yuanbeth
今天
4
0
总结

一、设计模式 简单工厂:一个简单而且比较杂的工厂,可以创建任何对象给你 复杂工厂:先创建一种基础类型的工厂接口,然后各自集成实现这个接口,但是每个工厂都是这个基础类的扩展分类,spr...

BobwithB
今天
4
0
java内存模型

前言 Java作为一种面向对象的,跨平台语言,其对象、内存等一直是比较难的知识点。而且很多概念的名称看起来又那么相似,很多人会傻傻分不清楚。比如本文我们要讨论的JVM内存结构、Java内存模...

ls_cherish
今天
4
0
友元函数强制转换

友元函数强制转换 p522

天王盖地虎626
昨天
5
0
js中实现页面跳转(返回前一页、后一页)

本文转载于:专业的前端网站➸js中实现页面跳转(返回前一页、后一页) 一:JS 重载页面,本地刷新,返回上一页 复制代码代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a h...

前端老手
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部