微博发布框的jquery

最新推荐文章于 2022-06-02 12:07:46 发布

u011263845

最新推荐文章于 2022-06-02 12:07:46 发布

阅读量1.2k

点赞数 2

分类专栏： javascript&&jquery 文章标签： jquery

本文链接：https://blog.csdn.net/u011263845/article/details/46004859

版权

javascript&&jquery 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

demo地址：http://codepen.io/tianzi77/pen/eNaXmp

用jq可以快速实现腾讯微博或新浪微博发布框的效果。

<style type="text/css">
textarea{
    width: 300px;
    height: 300px;
    border: solid 1px #abcdef;
}
strong{
    color: red;
}
</style>
</head>
<body>
<textarea></textarea>
<p>你还可以输入<strong>140</strong>个字</p>
<script type="text/javascript">
    $("textarea").keydown(function(){
        var max=140;
        var tianzi=max-$("textarea").val().length;
        $("strong").text(tianzi);
        if($("strong").text()<=0){
            $("strong").text("0");
            var val=$("textarea").val().substring(0, 140);
            $("textarea").val(val);
        }
    });
</script>
</body>