html<textarea>根据输入自适应高度

最新推荐文章于 2024-04-27 11:50:10 发布

jimi_panda

最新推荐文章于 2024-04-27 11:50:10 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/jimi_panda/article/details/73457785

版权




<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TEST2.aspx.cs" Inherits="BDMonitor.TEST2" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"
 ><head runat="server"> <title></title></head>

<script type="text/javascript">
    var lastlen = 0;
	function shorten(o) {
	    var len = o.value.length;
	    if (len < lastlen) {
	        o.style.height = 0 + "px";
	        o.style.height = o.scrollHeight + "px";
	    }
	    lastlen = len;
	}
	function extend(o) {
	   if (o.offsetHeight < o.scrollHeight) {
	       o.style.height = o.scrollTop + o.scrollHeight + "px";
	   }
	}
  </script>
<body> <form id="form1" runat="server"> <textarea  onpropertychange="extend(this)" οninput="extend(this)" οnkeyup= "shorten(this)" style=" height:15px;font-size:14px;borger:1px solid green; overflow:hidden; "></textarea> </form>

</body>
</html>

jimi_panda

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html<textarea>根据输入自适应高度

<html xmlns="http://www.w3.org/1999/xhtml" > var lastlen = 0; function shorten(o) { var len = o.value.length; if (len < lastlen) { o.style.height = 0 + "px"; o.
复制链接

扫一扫