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", function(id) {
console.log('An item "' + diagram.data.getItem(id).text + '" is clicked');
});

Related article: Event handling

Related samples: