jQuery 处理TextArea

最新推荐文章于 2024-05-10 10:38:12 发布

转载最新推荐文章于 2024-05-10 10:38:12 发布 · 138 阅读

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery对TextArea进行动画效果处理，包括增加高度及滚动条位置调整等交互功能。通过点击按钮触发动画，实现流畅的用户体验。

jQuery 处理TextArea：

    $('#btn001').click(function(e) {
        console.log("btn001Click");
        var cmt = $('#cmt');
        if (!cmt.is(':animated')) { // 防止动画的累加，在正在动的时候不进行高度的增加；
            if (cmt.height() < 500) {
                console.log("cmt<500");
                cmt.animate({
                    height : "+=50"
                }, 400);// textarea的高度增加50；用"+50"只能变一次；
            }
        }
    });
    $('#btn002').click(function(e) {
        console.log("btn002Click");
        var cmt = $('#cmt');
        if (!cmt.is(':animated')) {// 防止动画的累加，在正在动的时候不进行高度的累加；
            cmt.animate({
                scrollTop : "-=50"
            }, 400);// textarea的滚动条减少50；
        }
    });