Question

I’m sure there is some really easy solution to this problem, at least it seems like there should be. But I haven’t been able to find it…

I have an object (it’s not part of the DOM) and its properties are periodically getting updated:

var myobject;
//wait 10 seconds
myobject.property1 = "abc";

I want to trigger an action when this property gets changed (it’s not just 1, but many different properties). How do I go about doing this in JQuery?

Answer 1

You could trigger custom event.

function changeProperty(obj, prop, value) {
  if (prop in obj && obj[prop] !== value) {
     obj[prop] = value;
     // trigger on document is just an example.
     $(document).trigger('PropertyChange', [obj, prop]);
  }
}


var myobject;
// use the function to change property.
changeProperty(myobject, 'property1', 'abc');

// bind this custom event
$(document).on('PropertyChange', function(obj, prop) {
  console.log(obj, prop);
});