advanced search

We Recommend

Pro JavaScript Techniques Pro JavaScript Techniques
Pro JavaScript Techniques is the ultimate JavaScript book for the modern web developer. It provides everything you need to know about modern JavaScript, and shows what JavaScript can do for your web sites. This book doesn't waste any time looking at things you already know, like basic syntax and structures.

Posted By

alvaroisorna on 08/01/06


Tagged

javascript event prototypejs prototype observer


Versions (?)


Who likes this?

1 person has marked this snippet as a favorite

alan_swa


Execute Event.observer inside other different event (with prototype)

Published in: JavaScript 

I've found a very nice (and standard) solution to firing events while it's not normally available, this piece of code searchs the active element (a text input) inside the Event.observers collection and fires the "onchange" event (normally not possible in explorer) when the return key is pressed.

- this code requires prototype.js -

Hope you enjoy it!


Plain TextExpand 
  1. $A(document.getElementsByClassName('text', $('main-form'))).each(function(poElement){
  2. 	Event.observe(poElement, 'change', function(e){
  3. 		// this event only fires while tabbing after changing content
  4. 		Element.addClassName(poElement, 'changed');
  5. 	}, false);
  6.  
  7. 	Event.observe(poElement, 'keypress', function(e){
  8. 		var cKeyCode = e.keyCode || e.which;
  9.  
  10. 		if (cKeyCode == Event.KEY_RETURN){
  11. 			// but now will fire also while pressing return key
  12. 			Event.observers.findAll(function(poEventObserver){
  13. 				return poEventObserver[0] == poElement && poEventObserver[1] == "change";
  14. 			})[0][2]();
  15. 		}
  16. 	}, false);
  17. });

Report this snippet 

Comments

RSS Icon Subscribe to comments
Posted By: zeroasterisk on July 23, 2008

Excellent example - thanks... what I needed was to see the syntax for the keypress event trigger on a specific object... simplified to:

Event.observe($("objid"), "keypress", function(e){ var cKeyCode = e.keyCode || e.which; if (cKeyCode == Event.KEY_RETURN){ alert("do something"); } }, false);

thanks for the example...

You need to login to post a comment.