Sun_Blue_Sky

菩提本无树,明镜亦非台,本来无一物,何处惹尘埃 寻求内心的平静
随笔 - 21, 文章 - 92, 评论 - 75, 阅读 - 10万
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年3月 >
23 24 25 26 27 28 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 1 2 3 4 5

动态改变并显示文本域的高度

Posted on   Sun_Blue_Sky  阅读(205)  评论(0编辑  收藏  举报
复制代码
代码
// 设置textarea的高度
function SetAutoHeight(obj)
{
    
// 取原始高度
    if (obj.getAttribute("oldHeight"0== null)
    {
        obj.setAttribute(
"oldHeight", obj.style.pixelHeight, 1);
    }
    
*/
    oldHeight
=obj.getAttribute("Height"0);
    
    
if (obj.scrollHeight>oldHeight)
    {
        obj.style.pixelHeight
=obj.scrollHeight+4;
    }
    
else
    {
        obj.style.pixelHeight
=oldHeight;
    }
}

<asp:textbox id="txtMemo" runat="server" Width="635px" onpropertychange="SetAutoHeight(this);"
                TextMode
="MultiLine" Height="38px" Rows="4"></asp:textbox>(2000字节)


然后加载时:
<script language="javascript" type="text/javascript">
var objArea
=document.getElementById("txtMemo");
if(objArea.scrollHeight > 38)
{
    objArea.style.posHeight
=objArea.scrollHeight;
}
</script>
复制代码

 

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示