用于大字符串的HTML文本框演示文稿

Question

我正在处理大小为10到12个字符的HTML输入元素。用户可以在此字段中自由输入任意长度的字符串。但是，当用户完成并离开文本框的焦点时，该字段显示字符串的最新部分。我希望它显示字符串的初始部分。

这可能吗？

Answer 1

示例HTML：

<label><input type="text" name="input" id="text_field" /></label>

一个jQuery，脏和黑客，但工作解决方案（不确定CSS或其他可能性）：

$('body').on('blur','#text_field', function() {
    new_field = $(this).clone();

    $(this).remove();
    $('label').append(new_field);
});

DEMO＆gt; http://jsfiddle.net/9zswjtqe/4/

理念是 - 克隆（深）元素模糊，删除它，并附加新元素/克隆（这次带有所需的文本位置）。在Firefox，IE，Chrome中测试过。工作正常。