Comments on: Hitch. Object-oriented event handlers with jQuery

By: Re : Adding prototype function as an event handler - Jquery Home

Re : Adding prototype function as an event handler - Jquery Home — Mon, 30 Aug 2010 09:48:58 +0000

[...] Then I thankfully came upon the Hitch plugin as per this link: http://think-robot.com/2009/06/hitch-object-oriented-event-handlers-with-jquery/. [...]

By: JQuery: object method as event handler « Strange quark techblog

JQuery: object method as event handler « Strange quark techblog — Sun, 11 Apr 2010 21:10:22 +0000

[...] Alternatively, you can use a plug-in function that allows you to explicitly specify the scope of the handler. Here is an example (originally from ThinkRobot: [...]

By: David Schreiber

David Schreiber — Wed, 25 Nov 2009 15:05:31 +0000

Suuuuuuper ! That’s the tool I need at the moment! Wohoo

By: dan

dan — Tue, 04 Aug 2009 22:27:40 +0000

this also works..

… assume the methods below are contained within a class

this.doWork = function()
{
var me = this;
$(’#btnFoo’).bind(’click’, function() {
me.doOtherWork();
});
};

this.doOtherWork = function()
{
alert(’worky’);
};

By: mslade

mslade — Sat, 11 Jul 2009 20:02:36 +0000

This is very useful. As an alternative, you can achieve this using jQuery built-in “bind”, which allows you to specify the event (”click”), extra data (obj), and the function to handle the event (obj.handleClick). Your “extra data” is arbitrary and will be available inside your handler as e.data, so you can alert(e.data.message);

I didn’t test this against your specific example, but it should look something like this:

$(’a').bind(’click’, obj, obj.handleClick);

See http://docs.jquery.com/Events/bind.

By: agit8

agit8 — Mon, 29 Jun 2009 03:07:35 +0000

Just what I was looking for!

Super simple ; yet very useful.

Hopefully this will be default behaviour of bind in the future.

-b