JavaScriptでhtmlのテキストボックスの変化を監視する方法

Question

Htmlのテキストボックスがあるとして、JavaScript のある関数を実行したらそこで自動で値が入るとした時に、
その値が変更されたら例えばアラートを出す、と言うようなことはできないのでしょうか？
onchangeでは、ユーザが手入力で変えた時のみ変わるので、テキストボックスの中のvalue値が変わるだけでは反応しないです。
テキストボックスの値を変える関数そのものは編集ができないとして、何か方法はありますでしょうか？
使えるものはよくてもJクエリーのみで、リアクトなどは使えないです。

Comments

[m.ts10806]

まず自身が調べて試したことを記載してください。
それにタイトルに「監視して」というキーワードがあるのに
調べが全くつかないとは思えません

[miyabi_pudding]

Jクエリーって、jQueryのことですか？
用語は、なるたけ、正式名称を使われた方がいいかと。
Htmlも、厳密に言うと、HTMLと全て大文字が正式名称です。

Answer 1

MutationObserverあたりが活用できるのではないかと思います。

MutationObserver - MDN

Comments

[miyabi_pudding]

IE11から使えるなんて、便利すぎですね・・・。
こいつはもらいです。
横槍失礼しました。

Answer 2

oninputイベントを使うと、けっこう簡単にやりたいこと実装できるかと。

GlobalEventHandlers.oninput - Web API | MDN

コードとかは、質問者さんのコードの記載がないので、書きません。
記事を参考に、いろいろやってみてください。

Answer 3

JavaScript のある関数を実行したらそこで自動で値が入るとした時に、

一般的な実装では、この関数の実行時に比較を行い、アラートを出すようにすると思います。