Question

I’m trying to figure out how I can wrap the click event. Eg this is the code I want.

$("#test").aclick(function() {
    alert('hi');
});

The only thing that aclick does is use the e.preventDefault automatically.
Is it something like?

$.fn.aclick = function(e) {
   e.preventDefault();
   return $.fn.click.apply(this, arguments);
});

Thanks.

Answer 1

When binding a handler, the event object e doesn’t exist yet. You need to create a default event handler that calls the supplied one:

$.fn.aclick = function (handler) {
    return this.each(function () {
        var el = this;
        $(el).click(function (e) {
            e.preventDefault();
            handler.call(el, e);
        });
    });
};