• textarea自动高度 笔记221106

    textarea自动高度 笔记221106

    DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"/><title>textarea自动高度笔记2211061802title>
<link rel="icon"   href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAYAAAA14t7uAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAU7SURBVEhLtZVLiBxVFIa/eldXdVVP90x3T/f0vJL4GAyC2RiyUVECUfEB6lpBXepOBUXcxMdCYkQUcREiuhJ8oyHiC6JmoQiJTsYZBTUymsfodE9numu6Hp5bMxmILhTEA3/d7nr899xz/vtfLZPgfwgd0o2f/zUuzE8bZF1J2cealX92tH73n0ItcpCReBpGL4aixulxg2pmy0MNTROspVFmHevzxe591M4l6x/+Q+jC6w/gjBDPN0Y4dPkpnjn4GLa1TqrrOroRWdA2qfcCiv3mv8eggh81eLMd0PPGee/jjzAMIyfOJ48sqbGeEKylOCxfiKwj6ArO4aZqbONmy6T2KTp2ytPDEe9sdTlbcShbJvPz8zmpCr2QygxGypKTYmXahZB6qdEUaPo6UkOjL9N+OGzydtXmj5KJY5qcKiTEcZxDhYm8HDdMZm80WTQcDKmPInRUuYVQTzK0rEb5SJvh336Vqtl8MVFkrzTs50YVd0Xn0toIYT/no9vtUi6X5ZtBKu3V+HFuloW57zA0UaDKLC+VRrRmMnHCprj/K5odg9mizyP1LkfGpknKFjfM1LnuyojxQsp4q0qr1aJUKqElqRArCrmeODFLb7UnpJlKVpSp01gcZvHeF6mvmiRMsbfR5/CwT7sywfZSzH23iEJKEWVpYHXYZazZJAxDyU11UZBKlhddNkNQrTDcqFEdG2eHdQm/P/QGW9shpcjmQ7/Dq9MtFkeqmObP3HmTrKSwQujYBEGKbYvCNkLo5LIBQ66TU5M0G5NM26P88OwHtH4ypFJlvqxVeK4RMrBEAelZ7rl6K2Wjh1coUCwOCYoCD8dxFG/Ol0deUjUmA/RBQvptl+zQPM5qkYWKx1NehxPVSTxp0p5pn10TOlPNCmFQkmxL+RiGpb8Tq62uKaVII+2lPu/d9ij1RU3UbPKKucxnUxcTxA7bGktcc1URze3QTxMKbgm/UKTgFHAF52OTWNqVE9tdhzd2PcqOXpMl0+fAdMzr42MkhokbnuGBW2eoFkyGpEFhMSAcGpKMQwoFf3PXqdgkzrUh/75/+C2u/WUEa8Xi820hL9d7dBxfpOVx580juBzH9zMCv5h3X41FP5BmGutEG6HHkqkiNVQZvowwXp8jsl2+HXXZr3dYDEYJrYTdkxkzrhRYpDbkhrJ8T7J0pRQF8QhlPuuE50OPRJ15trIVP7ljL9WzLj074PlwmW8mttBzxmgNudx1ucU2R2OLUcUq1QlEBZ6QWpbs07+QqtCyfpTRtzm880mu+CHiZGmSd4eL7JuKaDtV6tEK99+9h3rQIfSgUg4oV3wcF1Sv1DFh9aBRibDFQ86H1hM/do+2ia4/yGDZ4LWJUR6c1ui5QySFmliiJ/6a4MmyUjySTM8zFEshTcURzdM0Bid5+6Xb2eaJADbS12O1lwcGXcPjaM3jhcoaZ4IaXX+EWO4pliwziTSfVcMiEhPqG1Iu3aOvB0RZU3TvcuzT9zedTYXuxjJ1F+Z0i8fH4HhzSNwtkG5KxqYrTZWM4yJxppapFh6LeARZLO8l9K2QNbfFwPZZWFjIV5ETi07oBQYHmm2OVqfpOwEDX6lQvSBQ4tbXZFTIv7kwskg8OyLtrzAYDFhZWclva7Ec/2dOxzzx+AucNCZyP9YEmbJPcQ+1uFTGTPIjU1pVdZQn4jK6yKwix5onG2fnrhozYzb1ep3R0VF1mK5la4nB3NxJ5ha+xnKFRH0o6akEdWX2Ys6auikLTGQ+hVhLpZGJHFm6vLuKaUW0attpNBrUazX+BPgs3zJX5eEDAAAAAElFTkSuQmCC" 
/>head><body>
















<textarea id=ttaa010 style="width:800px; height:300px; font-size:36px;">
element.style.height = element.scrollHeight+"px";
textarea>


<script>
	let ttaa010=document.getElementById('ttaa010');
	ttaa010.addEventListener("keyup", function(event){
		ttaa010.style.height = ttaa010.scrollHeight-4+"px";
		console.info(ttaa010.style.height);
	});
script>




























body>html>







    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66

    textarea自动高度笔记2211061802
    />

  • 相关阅读:
    httprunner4 – 录制生成测试用例
    开发一个自己的Spring Boot Starter
    记录一次解决数据库连接池连接泄露BUG
    draw.io 绘图软件的安装记录
    渗透测试-CNA_Bshell程序
    Densenet---＞比残差力度更大 senet--＞本质抑制特征
    深入浅出之链表
    交互式shell和非交互式shell、登录shell和非登录shell
    Spring Boot 使用 Mail 实现登录邮箱验证
    Java继承中方法的覆盖重写~注意事项
  • 原文地址：https://blog.csdn.net/kfepiza/article/details/127718946