/Javascript/jQuery/Using jquery to extend textarea

Using jquery to extend textarea

$(document)
    .one('focus.textarea', '.autoExpand', function(){
        var savedValue = this.value;
        this.value = '';
        this.baseScrollHeight = this.scrollHeight;
        this.value = savedValue;
    })
    .on('input.textarea', '.autoExpand', function(){
        var minRows = this.getAttribute('data-min-rows')|0,
            rows;
        this.rows = minRows;
        rows = Math.ceil((this.scrollHeight - this.baseScrollHeight) / 16);
        this.rows = minRows + rows;
    });

Source: stackoverflow.com

Similar codes

32 votes138 views5 answers
Jquery change value of input
Javascript jQuery
0 vote121 views2 answers
Jquery get padding top without px
Javascript jQuery
0 vote116 views1 answer
Jquery if class clicked
Javascript jQuery
1 vote120 views1 answer
Jquery set value by id
Javascript jQuery
10 votes123 views3 answers
Jquery check if a class exists
Javascript jQuery
10 votes119 views6 answers
Remove css jquery
Javascript jQuery
0 vote134 views1 answer
Jquery repeat event on click
Javascript jQuery
23 votes126 views2 answers
Jquery loop all elements with class
Javascript jQuery
-1 vote120 views2 answers
Jquery if div is empty
Javascript jQuery
0 vote119 views1 answer
Nl2br in jquery
Javascript jQuery