Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何根据文本的长度创建动态框_Javascript_Css_Resize_Textarea - Fatal编程技术网

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

Javascript 如何根据文本的长度创建动态框,javascript,css,resize,textarea,Javascript,Css,Resize,Textarea,我如何根据你的文本长度创建评论框或回复框。我的意思是,就像facebook一样,当你想发布内容时,当你的文本长度超过默认长度(facebook邮箱允许3行)时,当用户键入并到达框的末尾时,框会重新调整大小,并创建一个新行。与您的代码一起使用,我希望它能完成您的问题 演示 HTML CSS 谢谢 <head> <script type="text/javascript" src="http://dojotoolkit.org/reference-guide/1.

我如何根据你的文本长度创建评论框或回复框。我的意思是,就像facebook一样,当你想发布内容时,当你的文本长度超过默认长度(facebook邮箱允许3行)时,当用户键入并到达框的末尾时,框会重新调整大小,并创建一个新行。

与您的代码一起使用,我希望它能完成您的问题

演示

HTML

CSS

谢谢

<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(); ;
});
textarea{
    resize:none;  
}