文本在用户键入时调整大小

Question

所以我搜索了大量的网站，我正在寻找的是，当用户输入时，文本会自动调整大小（或者更大，如果他们删除了某些东西）。

谢谢！

Answer 1

你可以试试这样一个简单的算法：

$(function() {
    var $in = $("#in"),                                     // <== could be a div
        w = $in.width();
    $in.css("font-size", 20*30/$in.text().length);
    $in.click(function() {
        this.contentEditable='true';
    });
    $(document).keyup(function() {

        $in.css("font-size", 20*30/$in.text().length);       // <== Resizing algo

    });
});​

的 Try it out with this jsFiddle

Answer 2

只需在.keydown（）上放一个事件，它会检查元素内部的.text（）长度并相应地调整它的大小