Выравнивание текста по левому краю при включенном размытии (IE 8 и 9)

Это скорее хак, чем правильное решение, но как-то оно работает:

function blurred(elem) {
    var range;
    // IE only, probably not the best check since it will run in other browsers
    // if they ever implement this feature
    if (elem.createTextRange) {
        range = elem.createTextRange();
        range.collapse(true);
        range.select();
    }
}

<input type="text" onchange="blurred(this);" />

Обратите внимание на использование onchange вместо onblur. Это связано с тем, что select() вызывает некоторые проблемы при использовании onblur.

Вот смоделированная мной версия jQuery, которая работает во всех основных браузерах:

$(document).ready(function(){
        $('input[type=text]').change(function(){
            try{//select nothing but side-effect is that text left justifies
                if(/webkit/.test(navigator.userAgent.toLowerCase())){
                    return;//webkit browsers do it automatically
                } else if(this.createTextRange) { //ie
                    var r = this.createTextRange();
                    r.collapse(true);
                    r.select();
                } else if(typeof this.selectionStart !== "undefined") { //firefox
                    this.selectionStart = 0;
                    this.selectionEnd = 0;
                }
            } catch(err) {
            //?? nobody cares ??
            }
        });
});

Я бы просто установил класс в этом поле, а затем запустил функцию с onBlur в вашем html: например. onBlur="left()" Затем в вашем javascript вы можете просто изменить класс с помощью .setAttribute В качестве дополнительного бонуса вы также можете установить другие свойства для этого класса.

Хотя я поддерживаю идею публикации соответствующего кода