小程序事件讲解

小程序事件讲解

事件的使用:

 

小程序事件讲解

小程序事件讲解

小程序事件讲解

小程序事件讲解

小程序事件讲解

 

对象解析:

 

小程序事件讲解

小程序事件讲解

小程序事件讲解

小程序事件讲解

小程序事件讲解

第一个是记录有多少个手指去点,第二个是记录有变化的次数的信息。

touches:

小程序事件讲解

changedTouches:

小程序事件讲解

此时两个手指点击,记录变化次数是1的信息。

小程序事件讲解

小程序事件讲解

小程序事件讲解

小程序事件讲解

点击蓝色的view,外层的view也触发,此时的currentTarget和taget就会有区别。

蓝色是产生事件,红色是触发事件。

 

事件参数的传递:

小程序事件讲解

小程序事件讲解

例如:此时需要监听下点击。

小程序事件讲解

看看点击了哪个。

小程序事件讲解

小程序事件讲解

小程序事件讲解

data-是固定写法,index是我们取的名字。

小程序事件讲解

意思就是遍历上面的key数组,将信息遍历传入函数中去。

小程序事件讲解

随后可以直接取到了。

小程序事件讲解

 

事件冒泡和捕获:

小程序事件讲解

小程序事件讲解

小程序事件讲解

小程序事件讲解

怎么监听冒泡呢?

小程序事件讲解

此时每一个view都做了一个事件捕获和冒泡。

函数的实现:

小程序事件讲解

冒泡:

小程序事件讲解

我们希望点击绿色的时候,捕获到红色view的时候就不要进行冒泡了:

小程序事件讲解