javascript - 左对齐文本输入 onblur (IE 8 & 9)

Question

我正在寻找一种在用户触发 onblur 事件时左对齐文本输入框内容的方法。我看到有人提到用 onblur="this.value = this.value"解决问题，但这在 IE 中不起作用。

澄清一下:当用户键入超出文本框宽度然后离开焦点时，Internet Explorer 中会出现此问题。在 Chrome 和 Firefox 中，文本会自动左对齐，但在 IE 中不会发生这种情况。

应要求，我附上了代码(在 IE 中查看):

<input type="text" />

http://jsfiddle.net/t3hjonneh/FZJjW/

文本域:

输入后:

模糊后:

它应该是怎样的:

Answer 1

这与其说是一个正确的解决方案，不如说是一个 hack，但它以某种方式起作用:

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 时会导致一些问题。