Cocoscreator event dispatch use

1.  Event dispatch event mechanism :  Based on the event bubble , From the bottom node , Distribute it layer by layer

Such as the current node A Yes 1 Word node , Has child nodes B, and B Nodes have child nodes C

Then the distribution direction of the event is    C--->B--->A

 

 

 

Child node C Dispatch incident XXX, Its father's Day B Get the event first XXX control power , Deal with the incident , Then send it to B Parent node A, It can also be dispensed , Call directly

event.propagationStopped = true;

To stop event delivery . such A The node will not receive XXX event .

Node dispatch events :    this.node.dispatchEvent( Here you pass in the custom event class )

For the custom event class, refer to the following code :

// Event  from  cc  Module import 
import { Event } from 'cc';
// Class inheritance Event
class MyEvent extends Event {
    // Pass in the event name and bubble parameter when constructing , The last parameter is the additional information of the event 
    constructor(name: string, bubbles?: boolean, detail?: any) {
        super(name, bubbles);
        this.detail = detail;
    }
    public detail: any = null;  //  Custom properties 
}

Example of node event dispatch   : this.node.dispatchEvent(new MyEvent('XXX',true,' Event additional messages ')); 

2. Dispatch event handling : Call directly on To deal with it  

Call on the upper node of the dispatch event node on(' Event name ',( Event object )=>{});

Dispatch event processing example :  this.node.on('XXX',(Event:eventObj)=>{});

3. In one sentence, simply understand the event distribution :      Child node  dispatchEvent    Parent node on