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 添加到这些元素已修复的问题。