微信小程序 事件绑定的理解

  1. bindtap (常用) 小程序 事件的点击 结合data参数传递
<view class='content' data-gid='{{item.gId}}' bindtap='openChatView'>
openChatView: function (event) {
    var $this = this;
    console.log(event.currentTarget.dataset.gid)
  },
  1. catchtap (常用) 阻止冒泡事件向上冒泡
    // input 事件

  2. bindinput (常用) 键盘输入时触发,event.detail = {value, cursor, keyCode},keyCode 为键值,2.1.0 起支持,处理函数可以直接 return 一个字符串,将替换输入框的内容。

  3. bindchange value 改变时触发 change 事件,event.detail = {value}

  4. bindtouchend 手指触摸动作结束

  5. bindlongpress 常按住 执行

  6. 微信小程序 事件绑定的理解_第1张图片

后续 还会有很多 目前 用到有这些 慢慢积累

target 触发事件的组件的一些属性值集合
currentTarget 当前组件的一些属性值集合
touches 触摸事件,当前停留在屏幕中的触摸点信息的数组
CanvasTouch canvas 触摸事件中携带的 touches 是 CanvasTouch 数组)。 表示当前停留在屏幕上的触摸点
detail

onLoad:页面第一次加载时触发,从跳转页面返回时不能触发,可以传递参数
onShow:页面显示或从后台跳回小程序时显示此页面时触发,从跳转页面返回时触发,不能传递参数

此文章 仅关注可见

你可能感兴趣的:(小程序)