首页 > 其他分享 >p20_事件绑定

p20_事件绑定

时间:2023-01-15 23:23:37浏览次数:38  
标签:触发 target 绑定 p20 组件 事件 currentTarget

事件绑定

  1. 什么是事件
    事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。
    图片详情

  2. 小程序中常用的事件
    图片详情

  3. 事件对象的属性列表
    当事件回调触发的时候,会收到一个事件对象 event,它的详细属性如下表所示:
    图片详情

  4. target 和 currentTarget 的区别
    target 是触发该事件的源头组件,而 currentTarget 则是当前事件所绑定的组件。举例如下:
    图片详情
    点击内部的按钮时,点击事件以冒泡的方式向外扩散,也会触发外层 view 的 tap 事件处理函数。
    此时,对于外层的 view 来说:

    • e.target 指向的是触发事件的源头组件,因此,e.target 是内部的按钮组件
    • e.currentTarget 指向的是当前正在触发事件的那个组件,因此,e.currentTarget 是当前的 view 组件
  5. bindtap 的语法格式
    在小程序中,不存在 HTML 中的 onclick 鼠标点击事件,而是通过 tap 事件来响应用户的触摸行为。

    • 通过 bindtap,可以为组件绑定 tap 触摸事件,语法如下:
      图片详情
    • 在页面的 .js 文件中定义对应的事件处理函数,事件参数通过形参 event(一般简写成 e) 来接收:
      图片详情

标签:触发,target,绑定,p20,组件,事件,currentTarget
From: https://www.cnblogs.com/xiaopengmvp520/p/p20shi-jian-bang-ding.html

相关文章