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