Javascript HTML内容只能在一行上编辑

我有一个应用程序，它有一个用户可以创建的不同列表，用户可以编辑名称，但是如果他键入一个新名称，他应该能够键入enter并向下走很多行

我想使可编辑区域只有一行。我添加了“最大高度”和“溢出隐藏”，但这实际上只隐藏了您键入的其他内容，我只希望保留一行

代码：

h3{
高度：25px；
最大高度：25px；
溢出：隐藏；
}

待办事项列表

正如@TarasDanylyuk所说，您可以使用

keydown

与

preventDefault（）

组合来实现这一点

下面是一个工作示例：

document.getElementById（'pageOne'）。addEventListener（'keydown'，函数（e）{
如果（e.keyCode==13）{//如果按Enter键
e、 预防默认值（）；
}
});
h3{
高度：25px；
最大高度：25px；
溢出：隐藏；
}
待办事项列表

您可以尝试将
keydown
监听器添加到可编辑的div中，如果按下
enter
键，只需
preventDefault（）
即可。如果您想在按下enter键时移除焦点，您就是一个死板的读心人！如果用户从剪贴板粘贴多行文本，这是否有效？答：没有。