javascript - 限制文本区域添加超过其高度的文本

标签 javascript reactjs html css

我有一个固定宽度高度textarea,我也不想调整textarea的大小当添加大于其高度的文本时,我想向其添加滚动条。我希望它限制添加更多文本。

注意:maxLength 属性不能解决我的问题,因为 fontSizefontFamily 可以是任何东西,所以我不知道 maxLength 值,只有 textareawidthheight 以像素为单位

最佳答案

<!DOCTYPE html>
<html>

<head>
</head>

<body>

  <textarea rows="3" onkeyup="myFunction(this)">
a
</textarea>

  <script>
    function myFunction(textarea) {
      if (textarea.scrollHeight > textarea.clientHeight) {
        console.log('visible')
      } else {
        console.log('not visible');
      }
    }
  </script>

</body>

</html>

关于javascript - 限制文本区域添加超过其高度的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54920324/

相关文章:

javascript - 温度程序简单转换

javascript - Threejs r73阴影变化——如何控制相机视锥体的阴影?

html - Firefox 标签元素边框与相对位置截断

javascript - 在带有 anchor 链接的移动设备上关闭菜单

javascript - js - 使用replace方法替换html元素

javascript - 将内容插入到第一个选择器

javascript - 修改没有ID引用的对象的CSS

javascript - 为什么我的 ReactJS 页面无法加载?

javascript - 我应该如何从 props 实例化我的状态?

javascript - 多行 slider 组件