onChange と MutationObserver
これまでDOM の変更監視にはjQuery のonChange を好んで使っていましたが、MutationObserver を使うと大変便利であることに(いまさら)気付きました。
onChange イベントはinput やselect などの入力系要素にしか使えませんが、MutationObserver であれば、その様な制限がありません。
そして何より、Observer(観察者)の名の通り、監視(観察)される側のDOM は監視する側であるMutationObserver を意識する必要がない点が素晴らしい。
まあ、React.js とかVue.js あたりを使い始めると、そこいらも気にする必要がなくなってくるわけですが、そこまで思い切った切替が難しいjQuery 案件のコードを綺麗にするのに使えそうだなと考えています。
「jQuery の便利さ」に甘えていたままで気付けないままだったかもしれません。
「もっと何かあるんじゃないか」という心持ちは大事ですね。