How do I handle the events of the haldle provided by halo?

[james-ep01]

Introduction

How do I handle the click event (pointerdown) of the haldle provided by halo? For example, when deleting, I ask for confirmation and then delete it.

I tried changeHandle as below, but it doesn't work.

const halo = new joint.ui.Halo(options);
halo.changeHandle({
name: 'remove',
position: 'se' ,
events: {
pointerdown: function (evt, x, y) {
if( confirm("Remove this ...... ?") ){
cell.remove();
}
}
},
});

The code below also confirms, but it doesn't and is forcibly deleted.
halo.on('action:remove:pointerdown', (evt,x,y) => {
evt.stopPropagation();
if( confirm("Remove this............") ){
cell.remove();
}
});

I tried removing and addingHandle again because changeHandle didn't work, and it worked. Is this the right way?
Or can I access it by redefining it without removing it?

const halo = new joint.ui.Halo(options);
halo.removeHandle('remove'); halo.addHandle({
name: 'remove',
position: 'se',
events: {
pointerdown: function (evt, x, y) {
if( confirm("Remove this ...... ?") ){
cell.remove();
}
}
},
});

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS, JointJS+

[kumilingus]

The changeHandle() signature has the first parameter the name of the handle.

Note that in v4.1 you can use the getDefaultHandle() static method:
https://docs.jointjs.com/learn/release-notes/4.1.0#uihalo---reusable-default-handles

[james-ep01]

It works well, thank you.