Question

fiddle

code:

<button onclick="this.disabled=true; setTimeout(function(){this.disabled=false;},500);">click</button>

this seems to refer to the window rather than the button. How can I pass the button object in so that I can re-enable it?

I’m aware of workarounds… I could give the button an ID and then grab it again, but I’m interested to know if I can somehow pass this in.

Answer 1

this is a defined by how a function is called.

foo.someFunc(); /* this is foo */
foo.bar.someFunc(); /* this is bar */
window.someFunc(); /* this is window */
someFunc(); /* this is window because window is the default */
setTimeout(foo.bar.someFunc, 500); /* this is window because you've passed a function and disassociated it from foo.bar */

If you want to pass it around between functions, you have to copy it to a different variable.

<button onclick="this.disabled=true; var that = this; setTimeout(function(){that.disabled=false;},500);">click</button>