请选择 进入手机版 | 继续访问电脑版
 找回密码
 免费注册
搜索

输入textarea文本区域,输出textarea文本区域高度自适应

0
回复
4399
查看
[复制链接]

300

主题

301

帖子

1543

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1543
2014-7-10 17:21:49 显示全部楼层 |阅读模式
一,输入textarea文本区域高度自适应。
  随着文本区域内的文字的增加换行,文本区域高度会自动变化,不会出现滚动条。①,②
  ①js代码:
<script type="text/javascript">
function textareasize(obj){
        if(obj.scrollHeight > 70){
        obj.style.height = obj.scrollHeight + 'px';
        }
        }
</script>

  ②页面引用代码:
  在文本区域内引用:<textarea  onkeyup="textareasize(this)"  ...>...</textarea>


二,输出textarea文本区域高度自适应。
根据文本区域ID,声明新的文本区域变量。把文本区域实际数据展示的高度赋给页面当前ID文本区域style.height 。①,②
  ①js代码:
       <script type="text/javascript">
function sjxx(){
        var textarea = document.getElementById("summary");
        textarea.style.posHeight = textarea.scrollHeight;
        }

</script>


  ②页面引用代码:页面文本域的ID与js中的ID一致。




  (来源:红手套社区)



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册