Realmente agradecería que alguien pueda ayudarme a descubrir por qué no puedo activar eventos mediante programación cuando uso la delegación de eventos en MooTools (de la clase Element.Delegation).

Hay un padre<div> que tiene unchange oyente en algún niño<input> elementos. Cuando el evento de cambio se desencadena por acciones del usuario, el controlador en el div padre se desencadena, pero cuando lo disparo programáticamente confireEvent en cualquier entrada secundaria, no pasa nada. La configuración básica es:

html

<div id="listener">
    <input type="text" id="color" class="color" />
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​</div>​​​​​​​​​​​

js

$("listener").addEvent("change:relay(.color)", function() {
    alert("changed!!");
});

$("color").fireEvent("change"); // nothing happens

No se llama al controlador de eventos en el div padre. Cualquier ayuda es apreciada. ¡Salud!

Pregunta relacionada: ¿Los eventos se activaron confireEvent burbuja en absoluto en el árbol DOM? Mi truco actual es enviar el evento de forma nativa que funciona (pero un truco, no obstante):http://jsfiddle.net/SZZ3Z/1/

var event = document.createEvent("HTMLEvents")
event.initEvent("change", true);
document.getElementById("color").dispatchEvent(event); // instead of fireEvent