Trigger an event with Prototype

javascript events prototypejs
Neil Aitken picture Neil Aitken · Jan 20, 2009 · Viewed 63.7k times · Source

Does anybody know of a method to trigger an event in Prototype, as you can with jQuery's trigger function?

I have bound an event listener using the observe method, but I would also like to be able to fire the event programatically.

Thanks in advance

Answer

Aron Rotteveel picture Aron Rotteveel · Jan 20, 2009

event.simulate.js fits your needs.

I've used this several times and it works like a charm. It allows you to manually trigger native events, such as click or hover like so:

$('foo').simulate('click');

The great thing about this is that all attached event handlers will still be executed, just as if you would have clicked the element yourself.

For custom events you can use the standard prototype method Event.fire().

Related questions

Prototype equivalent for jQuery live function

I need to bind event listener to all dynamicaly created elements by given css selector. In jQuery, that would be $(".foo").live("click", function(e) { // bar }); Is there any equivalent in Prototype for this?

Read More
Event binding on dynamically created elements?

I have a bit of code where I am looping through all the select boxes on a page and binding a .hover event to them to do a bit of twiddling with their width on mouse on/off. This happens …

Read More
jQuery Event Keypress: Which key was pressed?

With jQuery, how do I find out which key was pressed when I bind to the keypress event? $('#searchbox input').bind('keypress', function(e) {}); I want to trigger a submit when ENTER is pressed. [Update] Even though I found …

Read More