javascript - 文本区域类似,但只有一行

标签 javascript reactjs jsx

我喜欢 textarea 元素的一点是它允许自动拼写检查。输入文本元素不会发生这种情况。我需要一个像 textarea 这样的元素,即使用户按 Enter 键,它也只会显示一行并且永远不会转到下一行。我尝试了 row='1' 但如果用户按 Enter 键内容移动到下一行也没关系。这也可能是一个 react 组件。存在这样的东西吗?

最佳答案

像这样:

document.querySelector('textarea').addEventListener('keydown', (e) => {
  if (e.keyCode === 13) e.preventDefault();
});
textarea {
  white-space: nowrap;
  overflow:hidden;
}
<textarea rows="1"></textarea>

关于javascript - 文本区域类似,但只有一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49459054/

相关文章:

javascript - 内联 Babel 脚本 : Unexpected token

javascript - Next.js 切换 div 标签的显示

javascript - 迭代 JavaScript 对象数组并输出它

javascript - 简单的 React.render() 给出错误

javascript - Node.js——未定义 :0 Syntax Error: Unexpected end of input

javascript - 如何在 Objective-C 中获取 HTML 表的值?

javascript - 通过 javascript 删除/重置 css 属性的正确方法是什么?

ReactJS 状态更新落后一步

javascript - React 中的 SVG 操作

javascript - 在 PhantomJS 中设置元素高度