How to use draggable and click separately in kineticjs?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

// Create a stage
var stage = new Kinetic.Stage({
  container: 'container',
  width: 500,
  height: 500
});

// Create a layer
var layer = new Kinetic.Layer();

// Create a draggable circle
var circle = new Kinetic.Circle({
  x: 100,
  y: 100,
  radius: 50,
  fill: 'red',
  draggable: true
});

// Add the circle to the layer
layer.add(circle);

// Add the layer to the stage
stage.add(layer);

// Add click event to the circle
circle.on('click', function() {
  alert('Circle clicked!');
});

// Redraw the layer
layer.draw();