表单常用事件☞选择部分文本

上代码

1.跨浏览器选择部分文本

注意点：

• setSelecionRange(startIndex,endIndex) 选择部分文本
• IE选择部分文本
• 最后一步为文本框设置焦点

function selectText(textbox,startIndex,endIndex){//选择部分文本
    if(textbox.setSelectionRange){
        textbox.setSelectionRange(startIndex,endIndex);//部分选择   //同textbox.select()只是全部选中
    }else if(textbox.createTextRange){
        var range = textbox.createTextRange();
        range.collapse(true);//将范围折叠到文本框的开始位置
        range.moveStart("charset",startIndex);//使用 moveStart()和 moveEnd()这两个范围方法将范围移动到位
        range.moveEnd("charset",endIndex);
        range.select();//使用范围的 select()方法选择文本
    }
    textbox.focus();//在调用 setSelectionRange()之前或之后立即将焦点设置到文本框
}

//使用eg:
textbox.value = "Hello world!" 
selectText(textbox,0,3)  //"Hel"

【注：以上内容为根据JavaScript高级程序设计一书整理笔记记录】