PixiJS - 如何在鼠标悬停时更改光标？

Question

按照我能找到的一点建议，我有：

var btn = new PIXI.Sprite.fromFrame( 'btn_img.png' );
btn.interactive = true;
btn.buttonMode = true;
btn.defaultCursor = 'pointer';

...鼠标悬停时光标没有变化。如果我尝试：

btn.mouseover = function() { console.log("foo"); };

......我看到事件确实在解雇。

有任何帮助吗？感谢...

Answer 1

解决了它。画布上的DOM元素掩盖了鼠标事件。将pointer-events: none添加到固定内容的元素中。