「テキストボックスのフォーカス時に選択状態にする」を少しだけクロスブラウザ対応した

以下のコードでinputタグをフォーカス時に選択状態になるようにしたら、
SafariとかAndroidブラウザとかで動かなかった。

HTML

<input id="test"></input>

JS

var input = document.getElementId("test");
input.onfocus = focusInput;

function focusInput(e) {
    if (e) {
        var target = e.target;
        target.select();
    }
}

というわけで以下のコードに変更

JS

var input = document.getElementId("test");
input.onfocus = focusInput;

function focusInput(e) {
    if (e) {
        (function(e){
        setTimeout( function() {setFocus(e);});
    })(e);
    }
}

function setFocus(e) {
    if (e) {
        var targetTag = e.target;
        targetTag.focus();
        //とりあえず全選択、選択範囲指定したいときはbgnとendを適宜指定
        var num = targetTag.value.length;
        var bgn = 0;
        var end = num;
        if(typeof(targetTag.selectionStart) != "undefined"){
            targetTag.selectionStart = bgn;
            targetTag.selectionEnd = end;
        } else if(document.selection) {
            var range = targetTag.createTextRange();
            range.collapse();
            range.moveEnd( "character", bgn );
            range.moveStart( "character", end );
            range.select();
        }   
    }
}

FireFox,Chrome,Safari,IE9,IE11,Android標準ブラウザ,Mobile Safari(iOS7)ではとりあえず動きました。