JavaScript控制光标定位操作

1、打开网页后将光标定位到某个Text文本框中
var alele = document.getElementById('txt_HeadLine');
alele.focus();

2、打开网页后Text文本框内已经有了从数据库里读出来的内容，需要将光标定位到这个Text某个字符后面
比如文本框内容是：您好：JavaScript是一种前端语言
要将光标定位到冒号后面（不分中文或英文输入法），如果内容中没有冒号就就光标定位到最前面
要考虑到浏览器的兼容性

//页面加载完成触发此事件，将光标定位到第一个冒号(中英文)的后面

onload = function () {

    var alele = document.getElementById('txt_Title');
alele.focus();

    var len = 0;

    if (alele.value.indexOf(":") != -1) {  //英文冒号

        len = alele.value.indexOf(":") + 1;

    }

    else if (alele.value.indexOf("：") != -1) {  //中文冒号

        len = alele.value.indexOf("：") + 1;

    }

    if (len == 0) {

        return;

    }

    if (alele.createTextRange) {  //IE浏览器     

        var sel = alele.createTextRange();

        sel.moveStart("character", len);

        sel.collapse();

        sel.select();

    } else {           //非IE浏览器   包括mozilla，chrome，safari

        alele.selectionStart = len;

    }

};

效果图：


3、选中一段文字
alele.selectionStart = 3; //起始位置
alele.selectionEnd = 16; //结束位置

本人小菜、资料都来自己于网上各种大神的文章，发文章仅以做平常开发中遇到的小技巧的备忘，如有冒犯或侵权，请联系我删除