Question

176

Event trigger on a class change

rated 0 times [ 181] [ 5] / answers: 1 / hits: 104376 / 12 Years ago, wed, may 16, 2012, 12:00:00

I'd like my event to be triggered when a div tag containing a trigger class is changed.

I have no idea how to make it listen to the class' adding event.

<div id=test>test</div>



<script type=text/javascript>

    document.getElementById.setAttribute(class, trigger);



    function workOnClassAdd() {

       alert(I'm triggered);

    }

</script>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

yosefleod

Add To Favorites

Follow

Total Points: 113

Total Questions: 100

Total Answers: 115

Location: Egypt

Member since Tue, May 3, 2022

2 Years ago

yosefleod questions

1 How to use Sign In With Google together with TokenClient?

Tue, Mar 8, 22, 00:00, 2 Years ago

1 What does the lodash get function do?

Thu, Apr 22, 21, 00:00, 3 Years ago

1 How to import .mjs modules in Jest's xyz.test.js?

Mon, Jul 27, 20, 00:00, 4 Years ago

1 Update a single property of local JSON file using put call in Angular 8

Sun, Dec 8, 19, 00:00, 5 Years ago

1 how can i check the voice channel ID that the person is after they execute a command and move to other voice channel in node.js?

Sun, Sep 29, 19, 00:00, 5 Years ago

View All

answered 12 Years ago justynkaina · Accepted Answer

Well there were mutation events, but they were deprecated and the future there will be Mutation Observers, but they will not be fully supported for a long time. So what can you do in the mean time?

You can use a timer to check the element.

function addClassNameListener(elemId, callback) {

    var elem = document.getElementById(elemId);

    var lastClassName = elem.className;

    window.setInterval( function() {   

       var className = elem.className;

        if (className !== lastClassName) {

            callback();   

            lastClassName = className;

        }

    },10);

}

Running example: jsFiddle