PixiJS 只有 pointermove 事件触发动画精灵

Question

我正在尝试让 PixiJS 鼠标事件触发动画精灵。

var sprite = PIXI.extras.AnimatedSprite([] of Texture) // array of textures
sprite.x = 0;
sprite.y = 0;
sprite.interactive = true;
sprite.buttonMode = true;
sprite.on('click', onClick);

sprite.play();

app.stage.addChild(sprite);

function onClick() {
  console.log("Clicked.");
}

精灵正确显示并正在动画，但不会触发点击事件。如果我将 'click' 更改为 'mousemove' 或 'pointermove' 它会在我的鼠标在 canvas 上的任何地方触发，即使不在精灵上，这很奇怪。

Answer 1

我解决了这个问题，我有一个 div 是完整的视口 width/height，它阻止了 canvas，非常简单的错误。

删除 div 后一切正常。

PixiJS 只有 pointermove 事件触发动画精灵

PixiJS only pointermove event fires for animated sprite

javascript

pixi.js