Is it possible to listen to a “style change” event?

by

Things have moved on a bit since the question was asked – it is now possible to use a MutationObserver to detect changes in the ‘style’ attribute of an element, no jQuery required:

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutationRecord) {
        console.log('style changed!');
    });    
});

var target = document.getElementById('myId');
observer.observe(target, { attributes : true, attributeFilter : ['style'] });

The argument that gets passed to the callback function is a MutationRecord object that lets you get hold of the old and new style values.

Support is good in modern browsers including IE 11+.

More Related Contents:

  1. how do i submit message to my email by html or js?
  2. How to create button to check uncheckable checkbox
  3. Need to scroll to bottom whenever a new div is added at bottom
  4. How to convert a currency string to a double with Javascript?
  5. .keyCode vs. .which
  6. What does $(function() {} ); do?
  7. Which keycode for escape key with jQuery
  8. jQuery pass more parameters into callback
  9. what is right way to do API call in react js?
  10. Remove all classes that begin with a certain string
  11. Cross domain POST request is not sending cookie Ajax Jquery
  12. Commonly accepted best practices around code organization in JavaScript [closed]
  13. Setting onbeforeunload on body element in Chrome and IE using jQuery
  14. How to show a running progress bar while page is loading
  15. Use jQuery to detect whether a device can make telephone calls (supports “tel://” protocol)
  16. How do I select an element with its name attribute in jQuery? [duplicate]
  17. jQuery Validation using the class instead of the name value
  18. In Firebase when using push() How do I pull the unique ID
  19. jQuery/Javascript – How to wait for manipulated DOM to update before proceeding with function
  20. Adding a table row in jQuery
  21. Using jQuery AJAX to download a binary file
  22. Inconsistent behavior of toLocaleString() in different browser
  23. Sorting an Array of JavaScript Objects a Specific Order (using existing function)
  24. Sending a MediaStream to host Server with WebRTC after it is captured by getUserMedia
  25. JQuery function only works within a function
  26. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  27. let user scrolling stop jquery animation of scrolltop?
  28. Hot to get incomplete datetime-local input values
  29. Content of html page changed by jQuery but “View Source” don’t reflect the changes
  30. jQuery: Count words in real time

Leave a Comment