【www.bbyears.com--文本特效】
例子
function selectAll(id) {
var h = document, i = h.getElementById(id), d, g;
if (h.body.createTextRange) {
d = document.body.createTextRange();
d.moveToElementText(i);
d.select()
} else {
if (window.getSelection) {
g = window.getSelection();
d = document.createRange();
d.selectNodeContents(i);
g.removeAllRanges();
g.addRange(d)
}
}
}
例子
这里是以在IE中获取用户选择的Range用 var selectedText = document.selection.createRange();
这时得到的是Object对象,要获取用户选中的文本 selectedText = selectedText.text; 在FF、Safari、Opera、
Chrome等W3C标准浏览器中获取用户选择的Range很简单: var selectedText = window.getSelection();
<script type="text/javascript">
var oBtn = document.getElementById("button");
oBtn.onclick = function() {
var selectedText;
if(window.getSelection){
selectedText=window.getSelection();
}else if(document.selection){
selectedText=document.selection.createRange().text;
}
alert(selectedText);
};
</script>
js选中部分文本
<script>
function foo(){
var textbox= document.getElementById("target");
selectText(textbox,0,14); //选择前 14 个字符
}
/**
* @textbox : 要操作的文本
* @startIndex : 要选择文本中第一个字符的索引
* @stopIndex : 要选择文本最后一个字符之后的索引
*/
function selectText(textbox,startIndex,stopIndex){
if(textbox.setSelectionRange){
textbox.setSelectionRange(startIndex,stopIndex);
}else if(textbox.createTextRange){
var range=textbox.createTextRange();
range.collapse(true);
range.moveStart("character",startIndex);
range.moveEnd("character",stopIndex-startIndex);
range.select();
}
textbox.focus();
}
</script>