comment Élever un événement personnalisé à partir de l'intérieur d'un script java, objet

Je suis en train d'essayer d'obtenir une meilleure compréhension de l'objet de techniques orientées vers en Java script.

J'ai les suivantes (Trivial) de l'objet. 

function CustomObject () {
    this.size = 1;
};

CustomObject.prototype.addSize = function () {
    this.size += 1;
    if(this.size > 5) {
        //Raise custom Event
    }
};

Et je suis de l'activation de la sorte. 

   var myObject = new CustomObject();
    myObject.addSize();

    //Add listener for custom event from with in my Custom Object.
    //Something like this....
    myObject.addEventListener("CustomEvent", handelCustomEvent, false);

    function handelCustomEvent() {}

Comment élever un événement personnalisé dans mon objet personnalisé et d'écouter l'événement dans le parent? Est ce genre de chose même possible en Java script?

  • Merci pour cela. J'ai eu un coup d'oeil à la jquery choses, il semble bien, sauf qu'il ressemble à il exige des éléments du DOM.
InformationsquelleAutor David Kethel | 2011-07-29
  1. 13

    Vous pouvez le faire en faisant de votre événement personnalisé de classe qui a de l'écouteur et de déclencher des fonctions connexes. J'ai trouvé un bon article à ce sujet. La classe est implémentée comme ceci:

    //Copyright (c) 2010 Nicholas C. Zakas. All rights reserved.
//MIT License
function EventTarget(){
this._listeners = {};
}
EventTarget.prototype = {
constructor: EventTarget,
addListener: function(type, listener){
if (typeof this._listeners[type] == "undefined"){
this._listeners[type] = [];
}
this._listeners[type].push(listener);
},
fire: function(event){
if (typeof event == "string"){
event = { type: event };
}
if (!event.target){
event.target = this;
}
if (!event.type){  //falsy
throw new Error("Event object missing 'type' property.");
}
if (this._listeners[event.type] instanceof Array){
var listeners = this._listeners[event.type];
for (var i=0, len=listeners.length; i < len; i++){
listeners[i].call(this, event);
}
}
},
removeListener: function(type, listener){
if (this._listeners[type] instanceof Array){
var listeners = this._listeners[type];
for (var i=0, len=listeners.length; i < len; i++){
if (listeners[i] === listener){
listeners.splice(i, 1);
break;
}
}
}
}
};

    Mais, comme l'auteur dit que cette classe n'est pas complète. Il a quelques limitations. Je recommande donc à l'aide de jQuery à la place. Vous pouvez utiliser votre événement personnalisé facilement avec bind() et trigger() fonction. Il y a un bon thread à ce sujet. Si vous voyez Les événements personnalisés en jQuery?, vous découvrirez comment la mettre en œuvre avec jQuery.

    InformationsquelleAutor Sanghyun Lee
  2. 2

    Grâce à @Sangdol pour le lien vers l'événement personnalisé objet. En utilisant les idées que j'ai trouvé la solution suivante 

    function CustomObject (type, listener) {
this.size = 1;
this.subscriberType = type;
this.subscriberListener = listener;
};
CustomObject.prototype.addSize = function () {
this.size += 1;
if (this.size > 5) {
this.subscriberListener.call(this.subscriberType);
}
};
//Test the event
var myObject = new CustomObject(Document, handelCustomEvent);
myObject.addSize();
myObject.addSize();
myObject.addSize();
myObject.addSize();
myObject.addSize();
myObject.addSize();
myObject.addSize();    
function handelCustomEvent() { alert("Event"); }

    Ce n'est pas une solution parfaite, mais suffisant pour mes besoins.

    InformationsquelleAutor David Kethel