随身笔记
随身笔记

js部分文本字符串默认被选中

jstext

文字的选中功能是不太常用的功能,多出现在文本编辑器中,或是文本域之类的光标处理上。所以呢,使用的一些属性也并不是常见的。在IE浏览器下使用的是createTextRange而Firefox/chrome等现代浏览器下使用的是setSelectionRange。

假设文本域对象的名称是obj,则在IE及非IE浏览器下实现指定文字选中的代码如下:

IE浏览器下:

var range = obj.createTextRange(); 
range.moveStart("character", 开始序号); 
range.moveEnd("character", 结束序号);
range.select();

 

非IE浏览器下:

obj.setSelectionRange(开始序号, 结束序号);
obj.focus();

 

所以,为了在各个浏览器下都能实现效果,我们需要将上面的两段代码组合一下,结果如下:

if(obj.createTextRange){//IE浏览器
 var range = obj.createTextRange(); 
 range.moveEnd("character",结束序号);
 range.moveStart("character", 起始序号);
 range.select();
}else{//非IE浏览器
 obj.setSelectionRange(起始序号, 结束序号);
 obj.focus();
}

 

代码进一步封装:

https://sdeno.com/wp-content/uploads/2016/11/text_select.html

 

 http://www.zhangxinxu.com/wordpress/?p=755

 

随身笔记

js部分文本字符串默认被选中
文字的选中功能是不太常用的功能,多出现在文本编辑器中,或是文本域之类的光标处理上。所以呢,使用的一些属性也并不是常见的。在IE浏览器下使用的是createTextRange而Firefox/chrome等…
扫描二维码继续阅读
2016-11-17