文字部分选中代码封装使用测试实例页面

展示

代码

HTML代码：

<textarea id="t" style="width:500px; height:100px;">麦当劳wifi热点的账号密码及连接设置（全国通用）。麦当劳的免费热点是隐藏wifi，需要手动添加才行。 麦当劳的wifi账号：McDonald-OC wifi密码：Ac28Idfjla92ifjsl3jsHdowIo</textarea>
<p>输入起始值：<input type="text" id="a" /> 输入结束值：<input type="text" id="b" /></p>
<p><button id="btn">执行</button></p>
            

JS代码：

var textSelect = function(o, a, b){
	//o是当前对象，例如文本域对象
	//a是起始位置，b是终点位置
	var a = parseInt(a, 10), b = parseInt(b, 10);
	var l = o.value.length;
	if(l){
		//如果非数值，则表示从起始位置选择到结束位置
		if(!a){
			a = 0;	
		}
		if(!b){
			b = l;	
		}
		//如果值超过长度，则就是当前对象值的长度
		if(a > l){
			a = l;	
		}
		if(b > l){
			b = l;	
		}
		//如果为负值，则与长度值相加
		if(a < 0){
			a = l + a;
		}
		if(b < 0){
			b = l + b;	
		}
		if(o.createTextRange){//IE浏览器
			var range = o.createTextRange();         
			range.moveStart("character",-l);              
			range.moveEnd("character",-l);
			range.moveStart("character", a);
			range.moveEnd("character",b);
			range.select();
		}else{
			o.setSelectionRange(a, b);
			o.focus();
		}
	}
};
var $ = function(id){
	return document.getElementById(id);
};
$("btn").onclick = function(){
	var a = $("a").value;
	var b = $("b").value;
	textSelect($("t"), a, b);
};