/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

9 votes228 views2 answers
Window load jquery
Javascript jQuery
62 votes203 views6 answers
Document on click jquery
Javascript jQuery
0 vote197 views1 answer
Jquery split multidimensional array
Javascript jQuery
0 vote191 views1 answer
Concatenation of loop data in variable using jquery
Javascript jQuery
0 vote204 views1 answer
How to count the rows of gridview in asp.net using jquery
Javascript jQuery
0 vote229 views1 answer
Jquery for element which doesnt exist on page load
Javascript jQuery
28 votes199 views2 answers
Name selector jquery
Javascript jQuery
14 votes1.1K views3 answers
Jquery set inner text
Javascript jQuery
0 vote186 views2 answers
Jquery post docs.google.com/forms/ CORS
Javascript jQuery
22 votes248 views3 answers
Scrollto jquery
Javascript jQuery