/**
* @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>
全冠清 写道
$.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();
}
});
};
分享到:
- 2009-08-03 12:14
- 浏览 6702
- 评论(9)
- 论坛回复 / 浏览 (7 / 9926)
- 查看更多
相关推荐
插件描述:插件可以获取和设置文本框的光标位置和选中指定范围内的文本。 参考实例:http://www.jq22.com/jquery-info5094
jQuery扩展函数,用于获取设置textarea中光标位置
jQuery插件 文本框、文本域 光标处插入代码 免费就是强大, 大家一起共享哈....
自己用jQuery做的文本框字数统计/限制插件,可以设定最高字数,设计按字或字节统计,显示剩余字数
jQuery Spin button 文本框数值自动增减插件 jQuery Spin button 文本框数值自动增减插件
jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成...
jquery点击text文本框弹出省市地区城市选择器
jquery 设置文本框抖动效果
jQuery input点击文本框三级联动下拉菜单代码 jQuery input点击文本框三级联动下拉菜单代码 jQuery input点击文本框三级联动下拉菜单代码
一款简单使用的jQuery文本框联想补全自动完成插件,可定义索引关键词,可设置输入框的宽高,支持搜索回调函数的jQuery搜索框输入关键词自动联想补全代码。
jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化
Jquery多选文本框Jquery多选文本框Jquery多选文本框Jquery多选文本框
jquery input文本框模拟select选择框获取选定 jquery input文本框模拟select选择框获取选定 jquery input文本框模拟select选择框获取选定
插件可以获取和设置文本框的光标位置和选中指定范围内的文本
当页面打开时,给input[text] 文本框 先设定初始值, 当其获得焦点时,文字消失;当其失去焦点时,再次附上原来的值;当文本内容改变时,无论是否获得焦点,文本内容都不在改变。
Jquery文本框插入表情插件
jQuery插件jQuery Spin Button自定义文本框数值自增或自减
jQuery点击文本框下拉菜单城市选择代码
jquery文本框背景显示描述文字,输入文字消失
Jquery实现仿搜索引擎文本框自动补全插件 包中含有:jquery-1.7.2.min.js,关键类库:jquery.bigautocomplete.js,应用于百度搜索自动提示内容.