标签组件开发下的文章 - a博客-个人博客-技术分享

textarea文本高度自定义-组件开发[textarea]

textarea 在开发中常常被使用到，但默认的 textarea 效果并不能满足我们的需求，比如信息发送框，如果直接使用 input 的话，在长文本内容中会显得十分拥挤，如果直接使用 textarea 则在未填充内容时显得过于空旷，因此我们需要自定义 textarea 的样式，使其在未填充内容时也能保持一定的宽度，同时也能在长文本内容中自动换行并调整高度。效果如下：这里主要通过监听 textarea 的 input 事件，从而获取 textarea 的内容区域高度，从而调整 textarea 的高度，实现文本内容超出宽度时高度调整的效果。代码示例：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

技术 · 07-30

Theme Jasmine by Kent Liao