Understanding jQuery Documentation - Function Arguments

Question

jQuery functions can have argument choices or no arguments.

The jQuery documentation uses function() { ..some code.. } in their examples, but usually don't use eventData.

What is the distinction between eventData & eventObject in:

.click( [eventData ], handler(eventObject) )

when the syntax can also be:

.click( handler(eventObject) )

Can handler(eventObject) be a user created function like doSomethingHere()?

eventData is (optional) data that is passed to the handler when the event is bound. To retrieve it, you use eventObject.data. eventData can be anything you want to pass (and populates eventObject.data), while eventObject is something specific jQuery calls every event handler with: api.jquery.com/category/events/event-object — Ian
– Ian, Commented Apr 23, 2014 at 16:31

Venkata Krishna · Accepted Answer · 2014-04-23 16:39:20Z

4

Here [eventData] are the optional parameter(s) you want to send to the handler.

$(".selector").click({param1: "MOM", param2: "DAD"}, myFunc);

function myFunc(event){
    alert(event.data.param1);
    alert(event.data.param2);
}

Or

$(".selector").click({
    param1: "MOM",
    param2: "DAD"
}, function (event) {
    alert(event.data.param1);
    alert(event.data.param2);
});

answered Apr 23, 2014 at 16:31

Venkata Krishna

15.2k5 gold badges45 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1