Triggering the click event using dojo/javascript?

Question

I've been working with javascript and did something like this

var div = document.getElementById("bob");
div.addEventListener("click", function(){alert('foo');});

// all tests fail    
//div.click();
//div.onclick();
//div.onClick();

var div2 = document.getElementById("adam");
// works
//div2.onclick();

var div3 = document.getElementById("iris");
div3.onclick = function(){alert('wat');};
// works
//div3.onclick();

//How do I trigger the div (the first div, "bob") "click" event?

code is here: http://jsfiddle.net/TVrfF/ , uncomment to test cases

So how can I trigger a click event setup via addEventListener (e.g. div "bob") with dojo or plain javascript?

Also, should I abandon using addEventListener from now on and just use element.onclick = function(){} due to this problem I'm having? What are the advantages of addEventListener?

document.getElementById("iris").click() ?

binarious
– binarious

2012-04-04 22:27:03 +00:00
Commented Apr 4, 2012 at 22:27 — binarious
– binarious, Commented Apr 4, 2012 at 22:27

Ethan Brown · Accepted Answer · 2012-04-04 22:35:00Z

2

Try this:

div.dispatchEvent("click");

Documentation here:

https://developer.mozilla.org/en/DOM/element.dispatchEvent

answered Apr 4, 2012 at 22:35

Ethan Brown

27.4k5 gold badges84 silver badges95 bronze badges

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

2 Comments

Dr.Molle Over a year ago

in IE<9 use fireEvent: msdn.microsoft.com/en-us/library/ie/ms536423%28v=vs.85%29.aspx

Ethan Brown Over a year ago

I spoke too soon...this approach only works for custom events, and an Event object must be passed in, not an event name.

Craig Swing · Accepted Answer · 2012-04-05 10:58:30Z

0

Is there a reason you need to call your function by simulating a click as opposed to just calling the function directly?

var fnDoWork = function() {
    alert('do work');
}

var div = document.getElementById("bob");
dojo.connect(div, "onclick", fnDoWork);

// some other code
fnDoWork();

What you do lose, is not having the event which gives you mouse coordinates of a click. Most of the time this shouldn't be a big deal. I have only ever needed these when working with SVG.

answered Apr 5, 2012 at 10:58

Craig Swing

8,1602 gold badges32 silver badges43 bronze badges

Collectives™ on Stack Overflow

Triggering the click event using dojo/javascript?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related