如何使用Pixi.js将数据传递给处理程序

Question

使用pixi.js创建精灵和

 var sprite = new PIXI.Sprite(textureSprite);
    sprite.buttonMode = true;
    sprite.position.x = _.provinces[0].posX;
    sprite.position.y = _.provinces[0].posY;
    // make the button interactive...
    sprite.interactive = true;
    sprite
        // set the mousedown and touchstart callback...
        .on('mousedown',onButtonDown)
        .on('touchstart',onButtonDown);

如何将参数传递给事件处理函数onButtonDown？ 同一个事件处理程序可以多次绑定到一个元素。

Answer 1

使用匿名函数怎么样？

sprite.on('mousedown',function(e) { onButtonDown(e,"hello"); });

您还可以在精灵上设置一个属性，然后使用onButtonDown从e.target方法中选择该属性（这会为您提供与之互动的精灵）：

sprite.myCustomProperty = "hello"; 

// And then in your mousedown method: 
var onButtonDown = function(e) {
  var customProperty = e.target.myCustomProperty; 
}