js实现 移动光标跟焦点事件

兼容：google+ie等现代住浏览器；

问题:将光标移动到文本框最后位置

解决：

function toEnd(id) {
    var textbox = document.getElementById(id);
    var count=textbox.value.length;
    if (textbox.createTextRange) {
    　　
        var r = textbox.createTextRange();   
        r.collapse(true);   
        r.moveStart('character',count);   
        r.select(); 
    } else if (textbox.setSelectionRange) {
        event.preventDefault();
        textbox.focus();
        textbox.setSelectionRange(count,count);
        // setTimeout(function () {
        //     textbox.focus();
        //     textbox.setSelectionRange(count,count);
        // }, 0);
    }
} 

其中，在ie浏览器中，一切都好说

if (textbox.createTextRange) {
    　　
        var r = textbox.createTextRange();   
        r.collapse(true);   
        r.moveStart('character',count);   
        r.select(); 
    } 

直接就能移动到末尾；

对于google等浏览器，如果事件来自onclick事件，直接需要

textbox.focus();
textbox.setSelectionRange(count,count);

就能解决，如果来自其他事件，需要两种方法来解决：

第一种：阻止浏览器默认事件：

event.preventDefault();

 textbox.focus();
textbox.setSelectionRange(count,count);

第二种：因为chrom浏览器存在了某些bug，所以导致使用textbox.setSelectionRange(count,count);会出现事件无效效果，

但是如果把它放在setTimeout 中，便可以解决这个问题。