微信小程序学习《二》：事件详解

一、什么就是事件?

1.一种用户的犯罪行为

用户短按某一张图片，页面某个按钮，这就是用户的犯罪行为，也就是事件

2.一种通讯方式

为什么说道事件也就是一种通讯方式呢？因为用户页面按钮的时候，这就是出现在UI层的，我们的UI必须把一些信息发送给我们的逻辑代码，因此也就是一种通讯方式

二、事件的类别

1.页面事件tap

2.短按事件longtab

3.鼠标事件

（1）touchstart 已经开始鼠标

（2）touchend 完结鼠标

（3）touchmove 移动鼠标

（4）touchcancel中止鼠标

这里就存有个问题了，完结鼠标和中止鼠标存有什么区别吗？

完结鼠标可以认知为就是主动的暂停的鼠标事件，比如说我们正在移动一张图片，移动顺利完成后就是完结鼠标了，然后可能将在移动的过程中，忽然存有事件去吓到了鼠标事件，比如说电话去了，吓到了你的鼠标事件，这时候就是中止鼠标了

4.其他的鼠标事件 submit

每个控件都存有自己的事件

三、事件altered

介绍什么就是altered事件？什么不为altered事件？我们可以通过一个例子去认知什么就是altered事件。

1.首先我们先修正下启动界面，启动界面建立三个view组件，分别给他们对应的样式和存取他们的页面事件，且布局就是一层嵌套一层的

2.然后在index.wxss文件中写出他们对应的样式

3.在index.js文件中写下对应的页面事件，在控制器输入对应的log

4.最后我们看看下效果，仔细观察可以看见，我们页面界面3的时候，控制器输入了3行，分别就是clickView1，clickView2，clickView3的页面事件，页面界面2的时候，控制器输入了clickView2和clickView1，这就说明了页面子view的时候，也可以积极响应父view的事件，这就是altered事件了，恰好相反的，页面子view，父view不能积极响应页面事件，这就不为altered事件了。

那么altered事件存有哪些呢？

上面所提及的页面事件，短按事件，鼠标事件都就是altered事件，其余的都不为altered事件

四、事件的存取

1.bind

上面的altered事件的例子就是采用bind的方式去存取事件的

2.catch

那么catch存取事件和bind的存取事件存有什么相同呢？我们通过修正上面的例子去表明，我们把view3的bindtap改成catchtap

然后我们看看下运转的效果：

可以看见，我们采用catch的存取事件后，页面界面3，就是没引爆至父view的页面事件的

总结：采用bind的存取事件，就是可以引爆altered事件的，就是可以引爆父view的事件

采用catch就是不能引爆altered事件

Demo的浏览地址：Demo2.zip