JavaScript: как отследить изменение значения value у textarea?

Question

[Shimpanze]

Здравствуйте!

Какое событие использовать, чтобы отследить изменение значения value у textarea? Не innerHTML, а именно value.

Я пробовал:

HTML:

<button onclick="content.value = content.value.replace('Lorem', 'LOREM')">Заменить</button>

<textarea name="" id="content" cols="80" rows="10">Lorem ipsum — классическая панграмма, условный, зачастую бессмысленный текст-заполнитель, вставляемый в макет страницы.</textarea>

JS:

var content = document.getElementById('content');

// как среагировать на эту замену?
content.oninput = function() {
  alert('Значение value изменилось!');
};

Песочница

Буду благодарен за помощь!

Answer 1

[0xD34F]

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

https://codepen.io/anon/pen/GQywpG?editors=1010

Answer 2

[Олег]

https://jsfiddle.net/Politonius/kkj8kmk1/

Comments

[Shimpanze]

Спасибо, но это совсем не то

[Олег]

Shimpanze, https://jsfiddle.net/Politonius/kkj8kmk1/3/

Answer 3

[Stalker_RED]

Следите за событием input или change
В особо тяжелый случаях можно слежить за reyup/keydown

Comments

[rPman]

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