/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

11 votes160 views2 answers
Jquery prop checked
Javascript jQuery
0 vote159 views1 answer
Jquery replace h1 with h2
Javascript jQuery
1 vote154 views1 answer
Jquery set value by id
Javascript jQuery
18 votes154 views4 answers
Change image src using jquery
Javascript jQuery
3 votes151 views1 answer
When a form is subbmited jquery
Javascript jQuery
8 votes161 views4 answers
Jquery copy to clipboard
Javascript jQuery
1 vote154 views2 answers
Jquery remove focus from all elements
Javascript jQuery
0 vote147 views1 answer
Jquery left arrow key press
Javascript jQuery
4 votes155 views1 answer
Jquery remove elemtns
Javascript jQuery
9 votes152 views4 answers
Form validation using jquery
Javascript jQuery