微信小程序学习二事件详解.pdf

微信小程序学习《二》： 详解 一、什么是 ? 1.一种用户的行为 用户长按某一张图片，点击某个按钮，这就是用户的行为，也是 2.一种通讯方式 为什么说 也是一种通讯方式呢？因为用户点击按钮的时候，这是发生在 UI 层的，我们的 UI 要把一些信息发送给我们的逻辑代 码，因此也是一种通讯方式 二、 的类别 1.点击 tap 2.长按 longtab 3.触摸 （1 ）touchstart 开始触摸 （2 ）touchend 结束触摸 （3 ）touchmove 移动触摸 （4 ）touchcancel 取消触摸 这里就有个问题了，结束触摸和取消触摸有什么区别吗？ 结束触摸可以理解为是主动的停止的触摸 ，比如我们正在移动一张图片，移动完成后就是结束触摸了，然后可能在移动的过程 中，突然有 来打断了触摸 ，比如电话来了，打断了你的触摸 ，这时候就是取消触摸了 4.其他的触摸 submit 每个控件都有自己的 三、 冒泡 了解什么是冒泡 ？什么是非冒泡 ？我们可以通过一个例子来理解什么是冒泡 。 1.首先我们先修改下启动界面，启动界面创建三个 view 组件，分别给他们对应的样式和绑定他们的点击 ，且布局是一层嵌套一 层的 2.然后在 index.wxss 文件中写下他们对应的样式 3.在 index.js 文件中写对应的点击 ，在控制台输出对应的 log 4.最后我们看下效果，仔细观察可以看到，我们点击界面 3 的时候，控制台输出了 3 行，分别是 clickView1 ，clickView2 ，clickView3 的点击 ，点击界面 2 的时候，控制台输出了 clickView2 和 clickView1 ，这就说明了点击子view 的时候，也会响应父view 的 ，这就是冒泡 了，相反的，点击子view ，父view 丌会响应点击 ，这就是非冒泡 了。 那么冒泡 有哪些呢？ 上面所提到的点击 ，长按 ，触摸 都是冒泡 ，其余的都是非冒泡 的绑定 1.bind 上面的冒泡 的例子就是使用 bind 的方式来绑定 的 2.catch 那么 catch 绑定 和 bind 的绑定 有什么丌同呢？我们通过修改上面的例子来说明，我们把 view3 的 bindtap 改为 catchtap 然后我们看下运行的效果： 可以看到，我们使用 catch 的绑定 后，点击界面 3 ，是没有触发到父view 的点击 的 总结：使用 bind 的绑定 ，是可以触发冒泡 的，就是可以触发父view 的 使用 catch 是丌会触发冒泡