est-ce que quelque chose comme ceci est possible?dans YUI3 est-il possible d'attacher un seul gestionnaire à plusieurs événements?
Y.one("input.units").on("keyup change", function(e){
...
});
l'équivalent jquery est
$("input.units").bind("keyup change", function(e){
...
});
Oui, c'est possible. Il suffit de passer un tableau de noms d'événement au lieu d'une chaîne:
Y.one('input.units').on(['keyup', 'change'], function (e) {
// ...
});
Pourquoi ne pas essayer quelque chose comme ceci:
var actionFunction = function(e) { /* stuff goes here */ };
node.one("input.units").on("keyup", actionFunction);
node.one("input.units").on("change", actionFunction);
(assis à côté de @delimited qui ne peut pas commenter sa question sur), il vient de faire exactement cela ... vient dans l'espoir d'une solution plus élégante –
Ahh ... gotcha. Je pensais qu'il essayait juste de trouver un moyen de déclencher la fonction pour les deux événements. – Pat
Une solution plus élégante serait d'envelopper le tout dans un '(function() {...})()' et de capturer le private var actionFunction comme une fermeture rendant ainsi essentiellement anonyme. C'est ce que le PO est après? Prévenir la pollution de l'espace de noms global? Attends, viens y penser c'est YUI3. Le code est déjà enveloppé dans une fonction. – slebetman
EDIT: YUI supporte nativement. Voir la réponse de Ryan ci-dessous.
No. Vous pouvez faire quelque chose comme ça, si:
YUI().use("node", "oop", function (Y) {
var on = Y.Node.prototype.on;
function detachOne(handle) {
handle.detach();
}
Y.mix(Y.Node.prototype, {
on: function (type, fn, context) {
var args = Y.Array(arguments),
types = args[0].split(" "),
handles = [];
Y.each(types, function (type) {
args[0] = type;
handles.push(on.apply(this, args));
})
return {
detach: Y.bind(Y.each, null, handles, detachOne)
};
}
}, true);
})
Ce enveloppe le code Node.on() pour accepter une série de types d'événements séparés par des espaces. Il renvoie un objet avec une seule méthode, detach, qui détache votre gestionnaire de tous les événements.
Notez que ce code n'affecte que l'instance Y dans son sandbox, vous devez donc le placer dans la fonction que vous transmettez à YUI().use. Il serait également facile de l'emballer comme un module.
Bonne réponse, merci. – delimited
En fait, c'est possible. Tout ce que vous devez faire est de passer un tableau de types d'événements. Cette solution est une excellente démonstration de comment il est possible de plier les internes de YUI à votre volonté, cependant. –
Excellent, j'ai maintenant changé cela pour être la réponse acceptée. Merci à tous ceux qui ont contribué. – delimited
pour jQueryers là: 'node.on ('bind change'.split (' '), function() {});' –
Est-ce que cela fonctionne pour le délégué? – chrisjlee