Skip to main content

shapeMouseDown

Description

Fires when a pointing device button is pressed while the pointer is over a shape

Usage

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

Parameters

The callback of the event takes the following parameters:

  • id - (required) the id of a shape
  • 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("shapeMouseDown", function(id, event) {
console.log('An item "' + diagram.data.getItem(id).text + '"will be clicked');
});

Related article: Event handling

Related samples: