Как добавить обработчик событий JS в Prototype?

Question

Я хотел бы добавить слушатель / обработчик событий, который будет добавлен перед существующим обработчиком событий в Prototype.Вот пример:

<form ... onsubmit="alert('foo')" id="f1">
   $('f1').observe("submit", function() {
     alert('do this before foo');
   });
</form>

Answer 1

Observer = Class.create({
 initialize: function() {
  this.callbacks = [];
 },
 prependCallback = function(callback) {
  this.callbacks.unshift(callback);
 },
 appendCallback = function(callback) {
  this.callbacks.push(callback);
 },
 runCallbacks = function() {
  this.callbacks.each(
   function(callback) {
    callback();
   }
  );
 }
});

bunchOfCallbacks = new Observer();
bunchOfCallbacks.appendCallback(function(){alert('second');});
$('anything').observe('anyEvent', bunchOfCallbacks.runCallbacks);
bunchOfCallbacks.prependCallback(function(){alert('first');});