How to add "Click Events" to a cc.Button programmatically?

Cocos Creator
1

For example, I can add “Click Events” on the UI for a cc.Button:

p1
p1840×232 5.26 KB

But now I want to add “Click Events” programmatically, which I don’t wan’t to use “node.on()” because I want to reuse the “Transition” set at the UI, which function should I call to add “Click Events” programmatically, which equivalent to I set it at the UI? And also which function should I call to remove “Click Events” of the cc.Button?

2

Just modify button.clickEvents like a normal array:

// add click event
let eHandler = new cc.Button.EventHandler();
eHandler.target = this.node;  // Node target
eHandler.component = component;  // Component name
eHandler.handler = handler;  // callback function name
eHandler.customEventData = customEventData; // custom click data
button.clickEvents.push(eHandler);  // add to list

Remove all click events:

button.clickEvents = []