/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

10 votes254 views3 answers
How to import jquery in js file
Javascript jQuery
0 vote202 views1 answer
Foreach selector in jquery
Javascript jQuery
2 votes241 views1 answer
How to get all elements with same class in jquery
Javascript jQuery
0 vote213 views1 answer
Jquery ui dialog position fixed center
Javascript jQuery
0 vote210 views1 answer
Jquery loop 0 to 10
Javascript jQuery
1 vote201 views1 answer
Jquery wait for all ajax requests to complete
Javascript jQuery
0 vote205 views1 answer
Textbox text change jquery
Javascript jQuery
0 vote190 views0 answer
Jquery
Javascript jQuery
236 votes803 views6 answers
Jquery timeout
Javascript jQuery
3 votes161 views2 answers
Checkbox on click jquery
Javascript jQuery