Textarea自适应高度 JS实现,兼容IE6\7\8\9\10\11
2024-08-28 00:24:48
<!DOCTYPE html>
<html>
<head>
<title>autoresizing textarea</title>
<style type="text/css">
textarea {
border: 0 none white;
overflow: hidden;
padding: 0;
outline: none;
background-color: #FFFFFF;
resize: none;
}
</style>
<script type="text/javascript">
var observe;
if (window.attachEvent) {
observe = function (element, event, handler) {
element.attachEvent('on'+event, handler);
};
}
else {
observe = function (element, event, handler) {
element.addEventListener(event, handler, false);
};
}
function init () {
var text = document.getElementById('text');
function resize () {
text.style.height = 'auto';
text.style.height = text.scrollHeight+'px';
}
/* 0-timeout to get the already changed text */
function delayedResize () {
window.setTimeout(resize, 0);
}
observe(text, 'change', resize);
observe(text, 'cut', delayedResize);
observe(text, 'paste', delayedResize);
observe(text, 'drop', delayedResize);
observe(text, 'keydown', delayedResize);
text.focus();
text.select();
resize();
}
</script>
</head>
<body onload="init();">
<textarea cols="40" rows="1" style="height:25px;" id="text"></textarea>
</body>
</html>
最新文章
- asp.net identity 2.2.0 在WebForm下的角色启用和基本使用(三)
- HBase初探
- Android Service 与 Thread 的区别
- Visual Studio 2015 + IIS Express 10.0 调试 ASP.NET 项目
- CSS 中浮动的使用
- 详解WPF Blend工具中的复合路径功能 ( 含路径标记语法 )
- Sharepoint 2010 Workflow 发布
- Event Sourcing
- HDU-1996-汉诺塔VI
- 团队作业8——第二次项目冲刺(Beta阶段)--第三天
- boost::bad_weak_ptr的原因
- pandas中Dataframe的查询方法([], loc, iloc, at, iat, ix)
- 洛谷P1140 基因匹配 //DP真正意义上的一血
- 使用R的注意事项
- java中的数据导出到Excel表中
- 使用 VSTS 进行 CI 的过程中,无法识别 .NET Core 2.x 的情况处理
- Android Bug分析系列:第三方平台安装app启动后,home键回到桌面后点击app启动时会再次启动入口类bug的原因剖析
- JQUERY中find方法
- python多任务的导包问题
- httpclient跳过https请求的验证