Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JavaScript: on element removed event listener

What is the core javascript equivelent to the jquery's remove event listener

$(element).on('remove', someFunction);

like image 882
Snaker.Wood Avatar asked May 20 '26 15:05

Snaker.Wood


1 Answers

Here's how to do it with a Mutation Observer:

function onElementRemoved(element, callback) {
  new MutationObserver(function(mutations) {
    if(!document.body.contains(element)) {
      callback();
      this.disconnect();
    }
  }).observe(element.parentElement, {childList: true});
}

// Example usage: 
onElementRemoved(yourElement, function() {
  console.log("yourElement was removed!");
});
like image 151
joe Avatar answered May 23 '26 04:05

joe