Event argument not passed to JavaScript function

Question

I added click event listener onclick called DagOpenFlyout to a span element:

"<span class=\"btnFlyout\" id=\"btn" + i + "\" style=\"width: " + cellW + "px; cursor: pointer;\"  onclick=\"DagOpenFlyout('cell" + i + "', " + i + ")\">\n"

Here is an implementation of the function:

function DagOpenFlyout(elt, tbItemIndex)
{   
    parent.parent.mapFrame.OpenFlyout(500, tbItemIndex);
}

On the DagOpenFlyout function I need to pass event argument and in DagOpenFlyout function I need to access client.X and client.Y the properties of the event argument.

How do I pass event argument to DagOpenFlyout function?

Exactly how you pass any other argument: DagOpenFlyout(event, ....). — Felix Kling
– Felix Kling, Commented Dec 3, 2016 at 20:26
@FelixKling onclick=\"DagOpenFlyout('cell" + i + "', " + i + ", " + event + ")\" I try this. to sent event argument. But it seems to be wrong. — Michael
– Michael, Commented Dec 3, 2016 at 20:56
onclick=\"DagOpenFlyout('cell" + i + "', " + i + ", event)\" . event is a variable inside the event handler. — Felix Kling
– Felix Kling, Commented Dec 3, 2016 at 20:57

Oluwafemi Sule · Accepted Answer · 2016-12-03 21:13:31Z

1

Close the DagOpenFlyout function over the onClick handler.

function DagOpenFlyout(elt, tbItemIndex) {
    return function(event) {
        // You can access event argument here in the onClick handler.
    };
}

edited Dec 3, 2016 at 21:13

answered Dec 3, 2016 at 20:45

Oluwafemi Sule

39.3k1 gold badge63 silver badges88 bronze badges

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

Collectives™ on Stack Overflow

Event argument not passed to JavaScript function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related