两个textarea 同时变化高度
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#aaaa").resize(function() {
$("#bbbb").height($("#aaaa").height())
});
$("#aaaa").mouseleave(function()
{
$("#aaaa").resize();
});
});
</script>
</head>
<body>
<p>窗口的大小被调整了 <span>0</span> 次。</p>
<p>请试着调整浏览器窗口的大小。</p>
<textarea id="aaaa" readonly></textarea>
<textarea id="bbbb" readonly></textarea>
<button>触发窗口的 resize 事件</button>
</body>
</html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步