小程序事件与冒泡机制

重点

事件是视图层到逻辑层的通讯方式。
我们来看个例子:

<button bindtap="alert" id="btn" data-name="听风是风" data-age="27">bindtap</button>
Page({
  data: {},
  alert: function (event) {
    console.log(event);
  }
})

通过点击按钮任意区域,可以看到控制台输出如下数据:
小程序事件与冒泡机制

可以看到组件上自定义的data-**数据,组件X轴Y轴偏移量,鼠标点击时的坐标等等信息均有记录。

参考

从零开始的微信小程序入门教程(四),理解小程序事件与冒泡机制 - 听风是风 - 博客园

小程序事件与冒泡机制

上一篇:微信小程序视频播放结束事件


下一篇:Leetcode 309. 最佳买卖股票时机含冷冻期 dp