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

最新推荐文章于 2018-07-13 17:24:00 发布

hello_malk

最新推荐文章于 2018-07-13 17:24:00 发布

阅读量371

点赞数

文章标签： jQuery 浏览器 HTML ViewUI


/**
 * @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 = event.srcElement.createTextRange();
						    rng.moveToPoint(event.x,event.y);
					   }else{ 
					    	rng = document.selection.createRange();
					   }
					   if( value === undefined ){
					   	 rng.moveStart("character",-event.srcElement.value.length);
					     return  rng.text.length;
					   }else if(typeof value === "number" ){
					   	 var index=this.position();
						 index>value?( rng.moveEnd("character",value-index)):(rng.moveStart("character",value-index))
						 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;
			}
	}
})


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>测试</title>
	</head>
	<script language="JavaScript" type="text/javascript" src="jquery-1.3.1.min.js"></script>
	<script language="JavaScript" type="text/javascript" src="jquery-position.js"></script>
	<script language="JavaScript" type="text/javascript">
		$(document).ready(function(){
			$('input:eq(0)').click(function(){
				alert($(this).position());
			})
			$('input:eq(1)').click(function(){
				$(this).position(4);
			})
		})
	</script>
	<body>
		<input type="text"  value="123456789"/>
		<input type="text"  value="123456789"/>
	</body>
</html>

[quote="全冠清"]


    $.fn.selectRange = function(start, end){
        return this.each(function(){
            if (this.setSelectionRange) {
                this.focus();
                this.setSelectionRange(start, end);
            }
            else 
                if (this.createTextRange) {
                    var range = this.createTextRange();
                    range.collapse(true);
                    range.moveEnd('character', end);
                    range.moveStart('character', start);
                    range.select();
                }
        });
    };

[/quote]

hello_malk

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery获取(设置)文本框(块)内光标位置插件

[code="js"]/** * @author 全冠清 */$.fn.extend({ position:function( value ){ var elem = this[0]; if (elem&&(elem.tagName=="TEXTAREA"||elem.type.toLowerCase()=="text")) { if($.brows...
复制链接

扫一扫