jquery - 动力学.js : Click event for each rect

Question

如何为组中的每个 Kinetic.Rect 创建点击事件？

假设我有这个:

var bar1 = new Kinetic.Rect({
      x: 0,
      y: 100,
      width: 400,
      height: 10,
      fill: 'grey',
      stroke: 'black',
      strokeWidth: 2
});

var bar2 = new Kinetic.Rect({
      x: 0,
      y: 100,
      width: 400,
      height: 10,
      fill: 'grey',
      stroke: 'black',
      strokeWidth: 2
});

有没有办法让两个条形图具有相同的点击事件？可能使用 jQuery？

Answer 1

您可以创建一个 var layer = new Kinetic.Layer(); 并将您的条添加到其中，然后使用 .on 绑定(bind)该层

layer.add(bar1);
layer.add(bar2);
//...
layer.on('click',function(e) {
          //...
          //bar1/bar2 is e.targetNode 

参见 http://konvajs.github.io/docs/events/Multi_Event.html

否则

function handleClick(e) {
       //..
       //bar1/bar2 is e.target
         }

bar1.on("click",handleClick);
bar2.on("click",handleClick);
//...