Skip to main content

shapeClick

Description​

Fires on clicking a shape

Usage​

shapeClick: (
    id: string | number, 
    event: MouseEvent
) => void;

Parameters​

The callback of the event takes the following parameters:

  • id - (required) the shape id
  • event - (required) a native HTML event object

Example​

// initializing Diagram
const diagram = new dhx.Diagram("diagram_container", {
    type: "default"
});
// loading data
diagram.data.parse(data);

// attaching a handler to the event
diagram.events.on("shapeClick", (id) => {
    console.log('An item "' + diagram.data.getItem(id).text + '" is clicked');
});

Related article: Event handling