Detecting change in a Javascript Object

javascript events object detect watch
Unitech picture Unitech · Jul 20, 2012 · Viewed 22.8k times · Source

I found this gist to detect changes on specified fiels of a object : https://gist.github.com/3138469

But it bind an event only on one field.

Someone know a function or a tricks to detect change on an entire Javascript Object ?

Answer

Adi picture Adi · Jul 20, 2012

2019 Update: These days this can be achieved using Proxy API in a much more efficient manner. The on-change library uses the Proxy API behind the scene to make this even easier.

2012 Update: I've just noticed that the author of Watch.js is referencing a library with much broader browsers' support. MultiGetSet.JS

When I want to achieve this I usually use Watch.js, you can watch a whole object or one attribute.

Related questions

Custom Events Model without using DOM events in JavaScript

I'm new to JavaScript and programming in general, and I have some questions about objects and events. Say I have an object: var computer = { keyboard: {} } What I'm looking for is a way to register events to the keyboard object: computer.…

Read More
Event binding on dynamically created elements?

I have a bit of code where I am looping through all the select boxes on a page and binding a .hover event to them to do a bit of twiddling with their width on mouse on/off. This happens …

Read More
jQuery Event Keypress: Which key was pressed?

With jQuery, how do I find out which key was pressed when I bind to the keypress event? $('#searchbox input').bind('keypress', function(e) {}); I want to trigger a submit when ENTER is pressed. [Update] Even though I found …

Read More