让文本框textarea自动适应内容的高度
2009-10-14 17:35
609 查看
CSS写法:overflow-y:visible
<textarea style="width:300px;overflow-y:visible">
输入你的内容来这里看看,,
这个文本框能自动适应你的内容多少,
自动伸缩高度
</textarea>
本代码适用平台:IE6,IE7
为了兼容FF 3.0
暂时只能支持按回车的情况, 如果是一行很长, 还没办法处理
<textarea style="width:300px;overflow-y:visible">
输入你的内容来这里看看,,
这个文本框能自动适应你的内容多少,
自动伸缩高度
</textarea>
本代码适用平台:IE6,IE7
为了兼容FF 3.0
function getEvent() //同时兼容ie和ff的写法 { if(document.all) return window.event; func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0) { if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)) { return arg0; } } func=func.caller; } return null; } function addRowNum(textareaObj){ if(textareaObj == null) return; var e = getEvent(); if(e.keyCode==13){//回车建 var orows = textareaObj.rows; //alert(orows); if(orows < 0){ //未设置rows //alert(textareaObj.value); var lines = textareaObj.value.split("/n"); //alert(lines.length); textareaObj.rows = lines + 2; } else{ //alert(orows); if(orows == 0) orows = 2; textareaObj.rows = orows + 1; } } }
<textarea style="width:300px;overflow-y:visible" onkeydown='addRowNum(this)'> 输入你的内容来这里,看看这个文本框能自动适应你的内容多少, 看俺
暂时只能支持按回车的情况, 如果是一行很长, 还没办法处理
相关文章推荐
- 让文本框textarea自动适应内容的高度
- 【记录】用Javascript实现文本框textarea高度随内容自动适应增长收缩
- 让文本框textarea自动适应内容的高度
- 让文本框textarea自动适应内容的高度
- 让文本框textarea自动适应内容的高度
- 让文本框textarea自动适应内容的高度
- Jquery实现 TextArea 文本框根据输入内容自动适应高度
- Jquery实现 TextArea 文本框根据输入内容自动适应高度
- 让文本框textarea自动适应内容的高度
- 使文本框自动适应内容的高度
- textarea自动换行,且文本框根据输入内容自适应高度
- js控制textarea输入框根据内容自动适应高度
- js+css使文本框自动适应内容的高度
- 让 textarea 自动适应内容的高度
- js+css使文本框自动适应内容的高度
- Extjs4 textarea文本框高度随内容自动增长
- textarea自动适应内容的高度
- 使文本框自动适应内容的高度
- textarea高度随内容自动伸缩
- jquery mobaile中textarea根据内容自动调整高度