How can I trigger an event handler when a property changes?

[Sam Kong]

Hi,

I want to trigger an event handler when a property changes.
If the property is set via a function, it's simple to trigger the
attached event handler.
But if the property is set directly, I don't know how.
What I want is like the property in C#.

var obj = new MyClass;
obj.onNameChang e = function() {...}
obj.name = "Sam"; //<= I want to triger obj.onNameChang e automatically.

If this is via a function:

var obj = new MyClass;
obj.onNameChang e = function() {...}
obj.setName("Sa m"); //<= I can trigger an event handler in the
function.
I hope I described what I want well.

Thanks.

Sam

[Martin Honnen]

Sam Kong wrote:

var obj = new MyClass;
obj.onNameChang e = function() {...}
obj.name = "Sam"; //<= I want to triger obj.onNameChang e automatically.

Spidermonkey, the JavaScript engine used in Mozilla supports getter and
setter functions e.g. a setter for the |name| property with

function MyClass () {}
if (typeof MyClass.prototy pe.__defineSett er__ != 'undefined') {
MyClass.prototy pe.__defineSett er__(
'name',
function (value) {
alert('Setter called with "' + value + '".');
return value;
}
);
}

var obj = new MyClass();
obj.name = 'Kibo';

But you can't use that on the Web as other implementations (e.g. MS
JScript or Opera's engine) do not support __defineSetter_ _. So unless
you write extensions for Mozilla or script in another environment where
Spidermonkey is used as the JavaScript engine you don't have
getters/setters.
--

Martin Honnen
http://JavaScript.FAQTs.com/