Menu
I googled but couldn't find an answer.
Is there a cross-browser compatibility matrix available for this feature?
In case anybody wants to know the answer, here it is: Mutation Observers vs Mutation Events/Browser Availability.
959
MutationObserver is a Web API provided by modern browsers for detecting changes in the DOM. With this API one can listen to newly added or removed nodes, attribute changes or changes in the text content of text nodes.
This is done by setting the characterData property to true in the options object. Here's the code: let options = { characterData: true }, observer = new MutationObserver(mCallback); function mCallback(mutations) { for (let mutation of mutations) { if (mutation. type === 'characterData') { // Do something here... } } }
Ido Green provided the answer, but for clarity I will post relevant snippets of the linked docs here.
https://developer.mozilla.org/en-US/docs/DOM/Mutation_events
DOM Mutation Events are now deprecated.
The mutation events have been marked as deprecated in the DOM Events specification, as the API's design is flawed (see details in the "DOM Mutation Events Replacement: The Story So Far / Existing Points of Consensus" post to public-webapps).
The practical reasons to avoid the mutation events are performance issues and cross-browser support.
These are being replaced by DOM Mutation Observers.
https://developer.mozilla.org/en-US/docs/DOM/MutationObserver
Mutation Observers provides developers a way to react to changes in a DOM. It is designed as a replacement for Mutation Events defined in the DOM3 Events specification.
- A brief overview
- A more in-depth discussion
- A screencast by Chromium developer Rafael Weinstein
- The mutation summary library
- The DOM4 specification which defines the
MutationObserverinterface
182
This feature (DOM mutation) is working from Chrome 18. You can see more details here: http://updates.html5rocks.com/2012/02/Detect-DOM-changes-with-Mutation-Observers
In case you wish to check 'any' HTML5 feature and the browsers that support it: http://caniuse.com/ is the place. Other great source is: http://html5please.com/
36
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
