javascript - 按下回车键时写入文本区域?

标签 javascript forms key submit enter

我有一个文本区域,它将处理输出,还有一个文本字段将处理用户输入。

焦点将完全集中在输入字段上。 我无法让用户输入字段在提交表单时添加文本(按下回车键)。它只有在有一个按钮并且被点击时才会起作用。我该如何解决这个问题?

下面是我尝试输入回车键提交的代码。

<html>
<head>
<script type="text/javascript">
  function addtxt(input) {
    var obj=document.getElementById(input)
    var txt=document.createTextNode("blah blah")
    obj.appendChild(txt)
  }
</script>
</head>
<body>
<textarea id="textarea1"></textarea>
<br><input type="text" onSubmit="addtxt('textarea1');">
</body>
</html>

最佳答案

这将完成这项工作。此外,您应该处理 value textarea 的属性,而不是向其附加文本节点:如果用户根本更改了 textarea 的值,则之后更改其子节点将无效。如果您希望文本区域为只读,请添加一个 readonly属性:<textarea id="textarea1" readonly></textarea> .

<script type="text/javascript">
    function inputKeyDown(evt, input) {
        if (evt.keyCode == 13) {
            var textarea = document.getElementById("textarea1");
            textarea.value += "\n" + input.value;
            input.value = ""; // I'm guessing you may want this
            return false;
        }
    }
</script>

<input type="text" onkeydown="return inputKeyDown(event, this);">

关于javascript - 按下回车键时写入文本区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3677769/

相关文章:

javascript - vue,表数据的条件样式

javascript - 您可以在 javascript 中使用模板文字创建对象属性名称吗?

javascript - 单选按钮(如果单击)

Django:如何从特定用户的管理表单中删除字段?

Python 创建用户输入表单并将输入转换为数据帧

git - Mercurial 和 Git 自定义 SSH key 位置

javascript - Autocad .dwg 到 SVG 到 PolyMap 的瓷砖,从而产生事件平面图

javascript - 使用 javascript setInterval 函数,一个 div 启动内容到 fadeToggle,另一个 div 停止 fadeToggle 动画

vue.js - Vue - 如何使用 v-for ="item in 3"创建唯一键

python - 仅计算字符串中字母的频率