微信小程序的事件传参

最新推荐文章于 2024-08-24 00:59:55 发布

流氓也是种气质 _Cookie

最新推荐文章于 2024-08-24 00:59:55 发布

阅读量2.3k

点赞数 1

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/qq_37550440/article/details/123833573

版权

微信小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1. 什么是事件委托
将子元素的事件委托(绑定)给父元素
2. 事件委托的好处（ul 下面的100li需要添加事件，可以直接绑定再父元素上）
1. 减少绑定的次数
2. 后期新添加的元素也可以享用之前委托的事件
3. 事件委托的原理
1. 冒泡
4. 触发事件的是谁
1. 子元素
5. 如何找到触发事件的对象
1. event.target
6. currentTarget VS target
1. currentTarget要求绑定事件的元素一定是触发事件的元素
2. target绑定事件的元素不一定是触发事件的元素

传参方式一： data-key='value'

ps：key 可以自定义

<input class="" data-key="phone"   placeholder="请输入用户名"   bindinput="change"> </input>
    <input class="" data-key="password"   placeholder="请输入用户名"   bindinput="change" > </input>


#js
change(evet) {
    console.log(evet);
    let value = evet.detail.value
    let type = evet.currentTarget.dataset.key
    this.setData({
      [type]: value
    })
  },

传参方式二： id='value'

<input class="" id="phone"   placeholder="请输入用户名"   bindinput="change"> </input>
    <input class="" id="password"   placeholder="请输入用户名"   bindinput="change" > </input>

#js
change(evet) {
    console.log(evet);
    let value = evet.detail.value
    let type = evet.currentTarget.id
    this.setData({
      [type]: value
    })
    
  },