日刊 あおのうま Vol.2279(2017.06.27)【きっとまだまだある】

投稿者: | 2017/06/27

onChange と MutationObserver

これまでDOM の変更監視にはjQuery のonChange を好んで使っていましたが、MutationObserver を使うと大変便利であることに(いまさら)気付きました。

onChange イベントはinput やselect などの入力系要素にしか使えませんが、MutationObserver であれば、その様な制限がありません。
そして何より、Observer(観察者)の名の通り、監視(観察)される側のDOM は監視する側であるMutationObserver を意識する必要がない点が素晴らしい。

まあ、React.js とかVue.js あたりを使い始めると、そこいらも気にする必要がなくなってくるわけですが、そこまで思い切った切替が難しいjQuery 案件のコードを綺麗にするのに使えそうだなと考えています。

https://developer.mozilla.org/ja/docs/Web/API/MutationObserver

「jQuery の便利さ」に甘えていたままで気付けないままだったかもしれません。
「もっと何かあるんじゃないか」という心持ちは大事ですね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータがどう処理されているか知りたい方はこちらをお読みください