【5 微信小程序学习 - 小程序的事件处理】

1 事件的监听

2 组件的特殊事件

有些事件不用绑定,当触发时会自动调用.比如onReachBottom.

3 事件对象event

当某个事件触发时, 会产生一个事件对象, 并且这个对象被传入到回调函数中

4 currentTarget和target的区别

当组件嵌套时会发生事件冒泡,target是触发的组件,currentTarget是真正处理的组件

<!-- event中target和currentTarget区别 -->
<view id="outer" class="outer" data-name="why" bindtap="onOuterViewTap">
  <view id="inner" class="inner"></view>
</view>

onOuterViewTap(event) {
    // 1.target触发事件的元素
    // 2.currentTarget处理事件的元素
    console.log("onOuterViewTap:", event);
    console.log(event.target);
    console.log(event.currentTarget);

    // 3.获取自定义属性: name
    const name = event.currentTarget.dataset.name
    console.log(name);
  },

5 事件参数的传递

<!-- event的参数传递 -->
<view 
  class="arguments"
  bindtap="onArgumentsTap"
  data-name="why"
  data-age="18"
  data-height="1.88"
>
  参数传递
</view>