Question

如何根据文字的长度创建评论框或回复框。我的意思是，就像facebook一样，当你想发帖时，当你的文字长度超过默认长度时，哪个facebook帖子box允许3行，当用户输入并到达框的末尾时，框会调整大小，并创建一个新行。

Answer 1

你好请看这个链接
Is there a jQuery autogrow plugin for text fields? 你可以借助这个插件并相应地进行更改。

Answer 2

在您的代码中使用Dojo Tool Kit Script，我希望它能完成您的问题!!!

HTML

<head>

        <script type="text/javascript" src="http://dojotoolkit.org/reference-guide/1.9/_static/js/dojo/dojo.js"></script>


</head>
<body class="claro">
    <textarea name="myarea" 
        autocomplete="off" class="dijitTextBox dijitTextArea dijitExpandingTextArea"
        tabindex="0" id="myarea" rows="1" widgetid="myarea" value="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat."
        style="overflow-y: hidden; overflow-x: auto; box-sizing: border-box; width: 200px;
        height: 294px;"></textarea>
</body>

脚本

require(["dijit/form/Textarea", "dojo/domReady!"], function (Textarea) {
    var textarea = new Textarea({
        name: "myarea",
        value: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.",
        style: "width:200px;"
    }, "myarea").startup(); ;
});

CSS

textarea{
    resize:none;  
}

由于

如何根据文本的长度创建动态框

2 个答案: