事件：表示用户在应用界面的某种操作 例如单击、双击、鼠标移动等等 ，这些操作统称为事件 事件触发：当用户正在操作某个元素时，不同的操作会触发不同的事件 事件处理：当用户触发某种事件（操作）可以执行一些代码响应用户的操作
一、鼠标常用事件介绍
鼠标事按时件，是指通过鼠标操作才能触发的事件,根据操作不同，触发的事件也不同
[wm_tips]设置页面无边框 中加入：html,body{margin:0px;border:0; } [/wm_tips]
二 、手机触控常用事件【兼容鼠标】
鼠标的点击与手机触控事件可以兼容，这样在移动端，我们也可以通过事件进行操控
三 、监听处理事件
监听 ：监视用户在某个元素中触发的事件
例如：
步骤
//1、设置元素为可互动元素（权限设置）
元素名.interactive = true;
//2、监听某种事件，当用户触发该事件时执行函数
元素名.on("事件名称" , 负责处理事件的函数名);
//3、定义负责处理事件的函数
function 函数名(){
}
代码示例
var js = new PIXI.Sprite.fromImage("img/js1.png");
app.stage.addChild( js );
//1、设置与元素为可互动元素（权限设置）
js.interactive = true;
//2、监听、处理事件
//当鼠标在js元素中单击时，会执行handle函数中的代码
js.on("click", handle );
//3、定义处理事件的函数
function handle(){
//设置js.y坐标位置，向下移动10px
js.y = js.y+10;
}
代码讲解
(1)允许图片可以 交互
//允许js图片元素可以进行交互【重要步骤】
js.interactive = true;
(2)定义函数
// function move(){} ： 自定义函数名称为move
// js.y = js.y+10 ：表示 plane的垂直坐标在原有基础上+10 向下移动
// js.y = js.y+10 可以简写为 plane.y+=10;
function move(){
js.y = js.y+10;
}
(3)处理事件
// click ：单击事件
// move ：当触发单击事件时，需要执行的函数
js.on("click",move);