textarea 自动换行缩进 分享
2016-06-03 15:07
363 查看
html页面部分,也在body中:
<li>
<span>出差说明</span>
<div class="nr">
<textarea id="textt" placeholder="请输入出差说明" ></textarea>
<textarea id="shadoww"></textarea>
</div>
</li>
javascript部分:
//设置文本域自动换行 js
var textt = document.getElementById("textt"); //用户看到的文本框
var shadoww = document.getElementById("shadoww"); //隐藏的文本框
textt.oninput = //非IE的
textt.onpropertychange = //IE的
onchange;
function onchange() {
shadoww.value = textt.value;
setHeight();
setTimeout(setHeight, 0); //针对IE 6/7/8的延迟, 否则有时会有一个字符的出入
function setHeight() {
textt.style.height = shadoww.scrollHeight + "px";
}
}
<li>
<span>出差说明</span>
<div class="nr">
<textarea id="textt" placeholder="请输入出差说明" ></textarea>
<textarea id="shadoww"></textarea>
</div>
</li>
javascript部分:
//设置文本域自动换行 js
var textt = document.getElementById("textt"); //用户看到的文本框
var shadoww = document.getElementById("shadoww"); //隐藏的文本框
textt.oninput = //非IE的
textt.onpropertychange = //IE的
onchange;
function onchange() {
shadoww.value = textt.value;
setHeight();
setTimeout(setHeight, 0); //针对IE 6/7/8的延迟, 否则有时会有一个字符的出入
function setHeight() {
textt.style.height = shadoww.scrollHeight + "px";
}
}
相关文章推荐
- poj 2112 Optimal Milking(floyd+二分+最大流)
- 用PC搭建SVN服务器:[1]局域网SVN服务器
- 常用Docker命令
- WSTMall微信支付配置
- Excel数据导出,Java自定义注解
- js修改iframe框架的src路径及js获取URL的get参数中文乱码的问题
- HDU 1280 前m大的数(简单HASH)
- Hadoop2.6.0版本MapReudce示例之WordCount(二)
- CSS3制作漂亮的照片墙
- Symmetric Tree
- Android ---Dialog小例
- Python Looping enumerate, reversed, sorted, iteritems, zip
- ARM中的时钟
- ProgressBar 颜色的设置
- 如何调用已经写好的Python脚本
- 联合会致敬印度成长故事;倡导就业增长的投资
- 视频滤镜参数
- spark学习笔记总结
- Eclipse快捷键大全(转载)
- Python:循环语句