PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HTML+CSS > 正文

    textarea文本域随输入的内容自动增加高度

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:之前我是在网上下载的别人写的一个JQ插件来解决的这个问题,但使用的过程中发现了很多问题,于是乎决定自己动手解决。研究后发现,只需要下...
    之前我是在网上下载的别人写的一个JQ插件来解决的这个问题,但使用的过程中发现了很多问题,于是乎决定自己动手解决。研究后发现,只需要下面这一行代码就能搞定。

    $("textarea").on("keyup keydown", function(){
        $(this).height(this.scrollHeight);
    })
    你只需要像上面这段代码一样,给文本域绑定一个 keyup 和 keydown 事件,当这两个事件触发的时候,把文本域的高度设置为当前文本域的 scrollHeight 就可以了。是不是很简单呢。目前ie7-10,firefox, chrome, safari, opera 浏览器测试都通过,ie6木有测试。
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-70-5269-1.html
    相关热词搜索: