JS动态改变文本中光标位置

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
<input type="button" onclick="moveEnd(document.getElementById('text'))" value="移到倒数第二位">
<textarea id="text"></textarea>
<script type="text/javascript">
    /*function insertText(obj,str) { 
        if (document.selection) { 
            var sel = document.selection.createRange(); 
            sel.text = str; 
        } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') { 
            var startPos = obj.selectionStart, 
            endPos = obj.selectionEnd, 
            cursorPos = startPos, 
            tmpStr = obj.value; 
            obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length); 
            cursorPos += str.length; 
            obj.selectionStart = obj.selectionEnd = cursorPos; 
        } else { 
        obj.value += str; 
        } 
    } */
    function moveEnd(obj){ 
        obj.focus(); 
        var len = obj.value.length; 
        if (document.selection) { 
            var sel = obj.createTextRange(); 
            sel.moveStart('character',len-1); 
            sel.collapse(); 
            sel.select(); 
        } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') { 
            obj.selectionStart = obj.selectionEnd = len-1; 
        } 
    } 
</script>
</body>
</html>

 

posted @ 2016-07-18 14:45  有间小屋在森林  阅读(1206)  评论(0)    收藏  举报