JavaScript call a click handling function on page load without passing event object

Question

I have a function that expects click event object as parameter. For example:

toggle: function (e) {
//does all the required work and then calls cancelEvent

this.cancelEvent(e);//IMPORTANT TO HANDLE LOCAL ANCHORS
    },


cancelEvent:function(e) {
    if (!e) e = window.event;
        if (e.preventDefault) {
        e.preventDefault();
                  } else {
            e.returnValue = false;
                  }
    },

I need to call toggle function on the page load.

I tried calling it without passing event parameter. However, doing so breaks the expected functionality and everything becomes un-editable.

Is there anyway I can get the current event object and pass it to the function?

Or should I attach load event too the event listener?

Please let me know what is the way out?

Kris Schultz · Accepted Answer · 2013-01-05 16:03:12Z

1

No need to even use jQuery. JavaScript in the browser includes a native Event object. So you should be able to call your toggle function directly (assuming you have access to the scope it was defined in) like this...

var fakeEvent = new Event('click');
toggle(fakeEvent);

Be sure to test thoroughly. If your code is relying on certain property values that the event would only have if it were triggered from a real user click then this may not work for you.

A better option would be to refactor so that the functionality that is shared by both page load and click is factored into a new function which can be called from both the click event handler function and the page load logic.

answered Jan 5, 2013 at 16:03

Kris Schultz

6161 gold badge5 silver badges9 bronze badges

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

Comments

Konstantin Dinev · Accepted Answer · 2013-01-05 09:54:22Z

0

Yes you can create an event using jQuery:

var e = $.Event('click');
$element.trigger(e); // Triggers click event on element

Here's documentation on $.Event. Triggering a click event using jQuery the following way would also create an event object for you:

$element.click();

answered Jan 5, 2013 at 9:54

Konstantin Dinev

35k14 gold badges79 silver badges102 bronze badges

Collectives™ on Stack Overflow

JavaScript call a click handling function on page load without passing event object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related