按下回车键时防止文本区域向下滚动[重复]

Question

这个问题在这里已经有了答案：

按下 ENTER 时禁用 Textarea 中的新行6 个答案

6 个月前关闭。

我为输入制作了一个<textarea> 。 当用户按下“enter”时，它会自动接受他们的输入并运行 js function。 然而，除了运行这个 function 之外，它还将 cursor 带到下一行。 我如何做到这一点，以便textarea只有一行或按 enter 根本不会做任何事情。

我尝试添加属性data-role = 'none' 。 我什至尝试添加 CSS 文件

.textarea{
   resize: none;
}

似乎没有任何工作。 我应该尝试什么？

Answer 1

如果我正确理解您的问题，我认为这就是您要寻找的东西。

 let t = document.getElementById("myTxt"); // grab the dom element t.addEventListener("keydown", (e) => { // once any key is pressed if (e.keyCode === 13) { // if the key code is 13 (ENTER) e.preventDefault(); // prevent usual browser behavour } });

 <div> <textarea id="myTxt" cols="15" rows="1" style="resize: none;"></textarea> </div>

Answer 2

$("textarea").keydown(function(e){
   // Enter was pressed without shift key
   if (e.keyCode == 13 && !e.shiftKey)
   {
       // prevent default behavior
       e.preventDefault();
   }
});

信用： https://stackoverflow.com/a/18779374/15136568

Answer 3

在处理 textarea 事件的 js function 中，您可以添加： e.preventDefault(); （e 是此函数的参数名称）。