JavaScript: on element removed event listener

Question

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

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

Have you tried `element.addEventListener("remove", someFunction)`? — Niccolò Campolungo, Sep 27 '13 at 12:30
@LightStyle—you may need to [check the spec](http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget-addEventListener), there is no "remove" event. — RobG, Sep 27 '13 at 12:58
@RobG, didn't check the spec because I hadn't time to do it. I simply guessed, and I was wrong. ;) — Niccolò Campolungo, Sep 27 '13 at 15:46
I actually found the following: `code` element.addEventListener("DOMNodeRemoved", someFunction); `code` — Snaker.Wood, Sep 27 '13 at 16:47
An update to this answer that does use Remove is available here http://stackoverflow.com/questions/2200494/jquery-trigger-event-when-an-element-is-removed-from-the-dom. — crazycharlie, Sep 22 '14 at 14:32

score 5 · Accepted Answer · answered Sep 27 '13 at 12:39

5

There is no such event as remove, either as a DOM standard event or as a jQuery extension. Your example does nothing.

You will be able to use Mutation Observers to look for removedNodes in the future, but browser support isn't there yet.

answered Sep 27 '13 at 12:39

bobince

528,062
107
651
834

score 2 · Answer 2 · answered May 19 '22 at 11:42

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!");
});

JavaScript: on element removed event listener

2 Answers2