JavaScript: event triggering

Question

How would I go about developing cross-browser event triggering for mouse buttons (left, middle and right) in plain-vanalla JavaScript?

Um, why... you could just use jQuery and not reinvent the wheel? — Robert Massaioli
– Robert Massaioli, Commented Nov 27, 2009 at 0:11
I don't know what all the fuss is about! You all shouldn't be so partial. Shocking! — David Gore
– David Gore, Commented Nov 27, 2009 at 1:15
Keep in mind, though you can trigger events, it only causes event handlers to be fired. For instance, triggering a click event on an a link won't open the link. — Doug Neiner
– Doug Neiner, Commented Nov 27, 2009 at 5:11

jitter · Accepted Answer · 2009-11-27 00:49:10Z

4

A few starting points

document.createEvent
element.dispatchEvent
fireEvent Method
createEventObject Method
event.simulate.js
A look into how known big Javascript Frameworks do it (e.g. jQuery)
And don't forget
- grab a cup of coffee (or better two)
- be ready to get many headaches
- be ready to encounter subtle bugs which will make you want to rip your hear out
- to make it crossbrowser you will need to do a lot(!) of testing

answered Nov 27, 2009 at 0:49

jitter

54.8k11 gold badges114 silver badges130 bronze badges

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

2 Comments

Crescent Fresh Over a year ago

Very nice links. Not sure why this would not have been accepted (compared to the one that was). I just want to point out (to @David as well) that point #6 does not utilize any of points 1-5. @David: you're in for a big surprise when you see the approach jQuery took in simulating events.

gg. Over a year ago

Upped you and commented that yours should be accepted as the correct one. More in scope with question.

Community · Accepted Answer · 2017-05-23 12:30:43Z

0

It would be strongly recommended you use a Javascript Library for this purpose.

7 Comments

David Gore Over a year ago

Please, stop asking that sort of questions, and better try answering mine.

gg. Over a year ago

Fair enough... in reply to your question, open the jquery source code and copy the "cross-browser event triggering" code and paste it into your javascript file. Its cross browser, its been written and you can pretend its home-made...

David Gore Over a year ago

could you please show me which part of jQuery I should use and how to rebuild it so that I get exactly what I need. Thanks.

David Gore Over a year ago

Ridiculous? What's so ridiculous? I asked gg not to demand a valid reason from me because that doesn't pertain to my question.

jitter Over a year ago

Sorry. Forget about it. Wrote this after I took the time to gather a few relevant links and saw that you accepted the "hey just copy jQuery's solution" answer. Which upset me a little after you wrote: I want to do it myself. btw. just copying the code and pretending it is home made would be a license violation too

|

Collectives™ on Stack Overflow

JavaScript: event triggering

2 Answers 2

2 Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related