jquery 多行文本框(textarea)高度变化

这篇文章介绍了多行文本框(textarea)高度变化的操作,有需要的朋友可以参考一下
 
复制代码 代码如下:

$(function(){
    var $comment = $('#comment');  //获取评论框 
    $('.bigger').click(function(){ //放大按钮绑定单击事件 
       if(!$comment.is(":animated")){ //判断是否处于动画 
          if( $comment.height() < 500 ){ 
                $comment.animate({ height : "+=50" },400); //重新设置高度,在原有的基础上加50 
          }
        }
    })
    $('.smaller').click(function(){//缩小按钮绑定单击事件 
       if(!$comment.is(":animated")){//判断是否处于动画 
            if( $comment.height() > 50 ){
                $comment.animate({ height : "-=50" },400); //重新设置高度,在原有的基础上减50 
            }
        }
    });
});

时间: 2024-08-02 10:12:07

jquery 多行文本框(textarea)高度变化的相关文章

jquery 多行文本框(textarea)高度变化_jquery

复制代码 代码如下: $(function(){     var $comment = $('#comment');  //获取评论框      $('.bigger').click(function(){ //放大按钮绑定单击事件         if(!$comment.is(":animated")){ //判断是否处于动画            if( $comment.height() < 500 ){                  $comment.animate

jquery 插件实现多行文本框[textarea]自动高度

 这篇文章主要介绍了jquery 插件实现多行文本框[textarea]自动高度,需要的朋友可以参考下     实现功能: 1/当textarea换行时自动增加一行高度 2/当textarea删除一行时 自动减少一行的高度 依赖:jquery.xxx.js 工作中需要使用类似功能但是觉得使用插件需要导入其他文件很不方便所以就写了一个 textarea jquery插件   代码如下: <div class="form-group"> <label class=&quo

文本框textarea高度随内容自适应增长收缩(js/jquery)

文本框textarea高度随内容自适应增长收缩(js/jquery) textarea高度随内容自适应增长收缩 方法一.   代码如下 复制代码 <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>枫芸志 » 文本框textarea高度自适应增长/伸缩</TITLE> <sty

jquery实现textarea 高度自适应_jquery

之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩,今天花了点时间换了种实现方法,总结一下 复制代码 代码如下: jQuery.fn.extend({             autoHeight: function(){                 return this.each(function(){                     var $this = jQuery(this);                     if( !$th

jQuery动态改变多行文本框高度的方法_jquery

本文实例讲述了jQuery动态改变多行文本框高度的方法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文本框高度变化</title> <style type="text/css"> * { margin: 0

jquery实现文本框textarea自适应高度_javascript技巧

浏览器中默认的文本框是不能根据内容的增多变高,只能固定高度有滚动条,体验不是很好,找了很多方法兼容都不行,总算找到个兼容良好的方法: <body> <textarea id="textarea3" style="overflow-y:hidden; height:20px;resize: none"> </textarea> <script type="text/javascript" src="

jQuery+jsp下拉框联动获取本地数据的方法(附源码)_jquery

本文实例讲述了jQuery+jsp下拉框联动获取本地数据的方法.分享给大家供大家参考,具体如下: JQuery下拉框联动很好的体现了Ajax的按需取数据的要求,减小数据的交互量.(点击此处下载源代码) 下面的实例使用Json将服务器端的类或者对象转换为JSON格式,主要运用了6个jar包 commons-beanutils-1.7.0.jar commons-collections-3.2.jar commons-lang-2.3.jar commons-logging-1.0.4.jar ez

瀑布流-关于CSS子级float,父级高度变化的问题

问题描述 关于CSS子级float,父级高度变化的问题 网页结构说明: <body> <div id="header">...</div> <div id="main"> <div id="left" class="fleft">...</div> <div id="middle" class="fleft"&

怎么样在listview控件中使用多行文本框控件?

问题描述 怎么样在listview控件中使用多行文本框控件? 怎么样在listview控件中使用多行文本框控件?文本框控件提交以后怎么对文本换行? 解决方案 重写高度应该是可以的 解决方案二: BCB ListView控件的使用 解决方案三: 设置你listitem的控件的属性就可以了