ラボ > Javascript関連:イベント関連

jquery 要素内に要素が追加されるのを監視(MutationObserver())

作成日:2018-12-18, 更新日:2018-12-18

基本

「(対象の要素に)何かを追加したとき」というイベントを監視したい。

var funcCallback = function(e) {
   ~処理~
}

var elm = $(要素)[0];
var mo = new MutationObserver(funcCallback);
mo.observe(elm, {childList: true});

例:ulに要素が追加されるのを監視

<ul></ul>

<script>
  var funcCallback = function(e) {
     ~処理~
  }
  
  var elm = $('ul')[0];
  var mo = new MutationObserver(funcCallback);
  mo.observe(elm, {childList: true});
  
  // 「$('ul').append(〇〇〇);」とかで「funcCallback()」が呼び出される
</script>