Question

我想在输入标签空间中按 Enter 键时创建生成新行的java脚本函数。

我希望，在创建新行时，输入标记空间的高度会动态延伸。

<!-- onkeydown function -->
function Enter(){
   if(event.keyCode === 13){
      var element = document.getElementById("PostingArea");
      <!-- I don't know here -->
   }
}

<!-- html code -->
<input class="PostingArea" id="PostingArea" onkeydown="Enter()">

Describe by photograph

like this

Answer 1

您需要使用textarea并指出您期望的行数，例如：

. . .
# connection is not autocommit by default. So you must commit to save
# your changes.
connection.commit()
. . .

Answer 2

使用textarea标签。使用textarea可以提交多行文字。

Answer 3

试试这个更新版本

     function onTestChange() {
        var key = window.event.keyCode;
        var el = document.getElementById("PostingArea");
          var height = el.offsetHeight;
        var newHeight = height + 20;
        var value = el.val();
        // If the user has pressed enter
        if (key === 13) {
            el.style.height = newHeight + 'px';
             var newValue = value + '<br/>';
                 el.val(newValue) 
      return false;
        }
    if (event.keyCode == 8) {
el.style.height = newHeight - 'px';
 var newValue = value - '<br/>';
                 el.val(newValue) 
return false;
    }
        else {
            return true;
        }
    }



       <body>
    <div id ="PostingArea" class="input-area" style="height:20px;" onkeypress="onTestChange()">
        <input type="text" style="height:100%;" />
    </div>

        </body>

如何在输入标签空间中创建新行？

3 个答案: