Какое событие javascript?

Question

[leni_m]

Нашел код для teaxtarea, чтобы изменять её высоту в зависимости от содержимого

var idNum = 0, data = 'elastic';
    $('body').on('keyup', 'textarea[data^="'+data+'"]', function(){
        if($(this).attr('data')==''+data+''){$(this).attr({style:'overflow:hidden;'+$(this).attr('style')+'',data:''+$(this).attr('data')+''+idNum+''});idNum++;}
        tData = $(this).attr('data');
        if($('div[data="'+tData.replace(''+data+'','clone')+'"]').length==0){
            attr = 'style="display:none;padding:'+$(this).css('padding')+';width:'+$(this).css('width')+';min-height:'+$(this).css('height')+';font-size:'+$(this).css('font-size')+';line-height:'+$(this).css('line-height')+';font-family:'+$(this).css('font-family')+';white-space:'+$(this).css('white-space')+';word-wrap:'+$(this).css('word-wrap')+';letter-spacing:0.2px;" data="'+tData.replace(''+data+'','clone')+'"';
            clone = '<div '+attr+'>'+$(this).val()+'</div>';
            $('body').prepend(clone);
            idNum++;
        }else{
            $('div[data="'+tData.replace(''+data+'','clone')+'"]').html($(this).val());
            $(this).css('height',''+$('div[data="'+tData.replace(''+data+'','clone')+'"]').css('height')+'');
        }
    });

Только вот если нажать правой кнопкой мыши по полю и потом "вставить" какой-нибудь большой текст,
то авторазмеры не применяются.
Как поступать в таком случае?
И еще если из php какой-нибудь текст там появляется при загрузке страницы, то опять таки не применяются авторазмеры

Answer 1

[Сергей delphinpro]

Справка по всем событиям https://developer.mozilla.org/en-US/docs/Web/Events

Вам нужно событие input

Comments

[Денис]

Поддерживаю. Можно только добавить, что при загрузке страницы, триггером вызвать событие на тот случай, если какой-то контент уже есть в элементе.

$('element_selector').on('input', function(){
	// Do something
}).trigger('input');

Answer 2

[Павел]

потому что событие срабатывает на keyup , можно сделать например на onchange

Comments

[leni_m]

пробовал on('change', ...
не работает

[Павел]

leni_m, ну можно попробовать mousemove
либо тот же change и закинуть весь скрипт в таймер чтоб каждые Y секунд проверял

[Сергей delphinpro]

mrusklon, таймер...

[Павел]

Сергей, )) ну да , сейчас бы мне минус в карму) , каюсь