Как повесить обработчик события на изменения текста в div?

Question

[Сергей]

У меня есть yii2, который строит форму и делает свою валидацию на фронтенде.
Я же хочу, как только срабатывает любая ошибка валидации, получить текст этой ошибки для дальнейшей работы.
Я так понимаю, стандартных yii2 колбэков для этого нет. Пишу свой костыль.

Так, почему-то, не работает:

$('body').on('change', '.help-block', function(){
     console.log($(this).text());
});

Какой тригер надо использовать?

Я написал свой код, который берет текст ошибки по событию изменения инпута, но он берет его только во второй раз. Видимо мой скрипт срабатывает раньше, чем скрипт валидации от фреймворка. Менять местами я их не могу, чтобы валидация сработала раньше, остается вешать обработчик, но вот что-то я туплю тут с событием.

Answer 1

[Тимофей]

var block = $('.help-block'), html = block.html(), updateInterval = 100;
setInterval(function() {
    var newHtml = block.html();
    if (html != newHtml) {
       /* staff */
       html = newHtml;
    }
}, updateInterval);

По-другому никак, по крайней мере нет события, которое бы выполнялось при изменении контента.

Comments

[Сергей]

Мне нравится Ваш ответ. Спасибо Вам за уделенное время. У меня не срабатывает, хоть и ошибок у Вас я не вижу, видимо фреймворк что-то как-то блокирует. Но отвечу Ваш ответ как решение.

[Тимофей]

Да вряд ли фреймворк что-то там блокирует. Могу предположить только, что ты положил код в глобальную область видимости, и некоторые из переменных (block, html, updateInterval) просто перезаписываются в коде в дальнейшем. Можешь попробовать это в анонимную функцию завернуть, типа (function() { /* тут код */ })().

[Сергей]

Тимофей: ок, попробую. Спасибо

Answer 2

[eldar_web]

.help-block - это div или input?

Comments

[Сергей]

Это div, он изначально скрыт. Если есть ошибка валидации, фрэймворк его показывает с текстом ошибки. Вот я и хочу повесить обработчик, что если текст меняется - я мог с ним работать

[eldar_web]

Тогда используй setTimeout!

$('input').change(function(){
setTiemout(functionName(), 3000);
});

Answer 3

[Dmitry]

Увы, но стандартными средствами изменения не отследить