pixi.js 学习

 事件(event)：
PIXI库在精灵和舞台上提供了事件,用于交互.

stage.click = function(data){ var event = data.originalEvent } sprite.click = function(data){ var event = data.originalEvent var target = event.target //阻止默认行为,sprite.buttonMode = false;
 event.preventDefault(); }

此外，还有.mousedown,.mouseover,.mouseout,.mousemove,.mouseup ,.mouseupoutside , .touchstart,.touchend,.tap

注意事项：

1.  对于有事件的精灵，一般须要设置sprite.interactive = true ， 对于做按钮用的精灵，须要设置sprite.buttonMode = true;
2.  与DOM的事件不一样的是，精灵中的事件，是进行了二次封装的，
3.  一般须要用var event = data.originalEvent来与普通dom中的event对象保持一至

 不过又不彻底相同，如data.originalEvent.stopPropagation()就不起做用.

 关于stopPropagation的问题，我问过pixijs的开发者，他答复说stopPropagation是dom中的概念，在canvas/webGL中是没有的，因此不能说是pixi的问题。

补充：

click事件只在PC端有效，在移动端给精灵绑定点击事件能够用 .touchstart,.touchend,.tap 等

 

参考连接：https://www.cnblogs.com/afrog/p/4056378.html    https://blog.csdn.net/zeping891103/article/details/70208945