`
全冠清
  • 浏览: 52794 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jquery获取(设置)文本框(块)内光标位置插件v2

阅读更多
/**
 * @author 全冠清
 */
$.fn.extend({
	position:function( value ){
		var elem = this[0];
			if (elem&&(elem.tagName=="TEXTAREA"||elem.type.toLowerCase()=="text")) {
			   if($.browser.msie){
					   var rng;
					   if(elem.tagName == "TEXTAREA"){ 
						    rng = elem.createTextRange();
					   }else{ 
					    	rng = document.selection.createRange();
					   }
					   if( value === undefined ){
					   	 rng.moveStart("character",-elem.value.length);
					     return  rng.text.length;
					   }else if(typeof value === "number" ){
					   	 var index=this.position();
						  rng.moveStart("character",value)
						   rng.moveEnd("character",value-index+1)
						 rng.select();
					   }
				}else{
					if( value === undefined ){
					   	 return elem.selectionStart;
					   }else if(typeof value === "number" ){
					   	 elem.selectionEnd = value;
       			         elem.selectionStart = value;
					   }
				}
			}else{
				if( value === undefined )
				   return undefined;
			}
	}
})

分享到:
评论
2 楼 yunnaneryuan 2012-09-12  
yunnaneryuan 写道

1 楼 yunnaneryuan 2012-09-12  

相关推荐

    jQuery获取和设置文本框光标

    "jQuery获取和设置文本框光标"这个主题是关于如何利用jQuery来控制HTML输入元素(如文本框)中的光标位置以及选定文本的操作。这在创建富文本编辑器、自定义表单组件或实现某些特殊交互时非常有用。 首先,让我们...

    jquery 强制设置文本框处于英文输入法状态

    标题“jquery 强制设置文本框处于英文输入法状态”涉及的是一个特定的问题:如何在网页中确保文本框(input元素)在用户交互时始终处于英文输入法模式,特别是在使用扫描枪进行输入时,避免中文输入法的误触发导致...

    jQuery获取设置textarea中光标位置

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

    jQuery插件 文本框、文本域 光标处插入代码

    本主题聚焦于一个特定的jQuery插件,该插件允许开发者在文本框(`<input type="text">`)和文本域(`<textarea>`)中于光标位置插入代码或内容。这对于编辑器、代码编辑器或任何需要动态插入文本的场景来说是非常...

    jQuery文本框联想补全自动完成插件.zip

    jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成...

    jQuery做的文本框字数统计/限制插件

    这个“jQuery做的文本框字数统计/限制插件”是针对网页表单中的输入框(input)设计的一个功能组件,主要用于帮助用户实时监控并控制输入的字符数量。 首先,我们来详细了解jQuery文本框字数统计的功能。这个插件...

    jQuery文本框联想补全自动完成插件

    jQuery文本框联想补全自动完成插件是一款非常实用的前端开发工具,它可以帮助开发者在网页的输入框中实现智能联想和自动补全功能。这个插件基于JavaScript库jQuery构建,因此,使用它之前需要确保项目中已经引入了...

    jquery文本框点击的效果插件

    此插件通过JavaScript库jQuery实现,它提供了特定的动态行为,如文本框的聚焦、失焦以及内容变化时的响应。 在页面加载完成后,插件会自动对所有`<input type="text">`元素设置初始值。这个初始值可以作为提示信息...

    jquery 设置文本框抖动效果

    本文将详细讲解如何使用jQuery为文本框设置抖动效果,以增加用户体验和互动性。 首先,我们需要确保页面已经正确引入了jQuery库。这通常通过在HTML头部添加以下代码来实现: ```html <script src="https://code....

    jQuery Spin button 文本框数值自动增减插件

    jQuery Spin Button插件就是这样一个工具,它能够为HTML文本框添加上下箭头,使得用户可以通过点击这些箭头来自动增减文本框内的数值,而无需手动输入。这种功能常见于商品数量选择、评分系统或任何需要调整数字值的...

    jquery input text文本框模拟select框美化

    jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化

    获取和设置文本框的光标位置

    "获取和设置文本框的光标位置"这个主题就是关于如何在JavaScript和jQuery中实现这一功能的。 首先,我们要理解什么是光标位置。在文本框中,光标是用户输入文字时闪烁的标记,表示当前文字将被输入的位置。而选中...

    Jquery文本框插入表情插件.zip

    - jQuery的选择器和DOM操作:通过jQuery,我们可以方便地找到页面上的元素,并对其进行操作,如添加事件监听器,获取或设置元素的值。 - JavaScript事件处理:监听用户的鼠标点击或触屏事件,当用户选择表情时触发...

    Jquery各种小功能文本框验证,弹出日期牌等

    在这个“Jquery各种小功能文本框验证,弹出日期牌等”主题中,我们将深入探讨jQuery如何用于实现文本框的验证以及弹出日期选择器(日历牌)的功能。 一、文本框验证 1. 自动验证:jQuery配合Validform_v4.0插件...

    jQuery 文本文本框输入字符限制插件.

    当用户在文本框内键入文字时,插件会实时计算已输入的字符数,并显示一个提示,告知用户还剩多少字符可以输入。这种提示可以以多种形式存在,例如在文本框下方显示一个小标签,或者直接在输入框旁边显示数字。这样的...

    Jquery实现仿搜索引擎文本框自动补全插件

    **jQuery 实现仿搜索引擎文本框自动补全插件** 在 Web 开发中,为了提高用户体验,经常会在输入框中使用自动补全(Autocomplete)功能,就像我们在使用搜索引擎时,输入关键词后会看到下拉的建议列表。jQuery 是一...

    jQuery.autoTextarea文本框自适应输入高度代码.rar

    首先,`jQuery.autoTextarea.js`的核心功能是实时监测文本框内的文字数量,当文字数量超过当前文本框的高度所能容纳时,自动扩展文本框的高度。这一功能的实现依赖于jQuery的事件监听和DOM操作功能。通过绑定`keyup`...

    jQuery插件自定义文本框数值自增或自减

    jQuery Spin Button是一款基于jQuery的插件,用于在文本框中实现数值的自增或自减功能,它为用户提供了方便的交互方式,尤其适用于输入数量、评分等需要增减数值的场景。这款插件通常应用于电子商务网站的商品购买...

    jquery文本框显示描述文字rar

    这段代码的工作原理是,当文本框获取焦点(用户点击输入框)且内容为空时,我们将`placeholder`的文本填充到输入框内。然后,当文本框失去焦点(用户点击其他地方)或内容改变时,如果发现内容仍然是默认文本,我们...

Global site tag (gtag.js) - Google Analytics