欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

使用微信小程序实现事件代理的方法

最编程 2024-08-07 14:07:13
...

事件委托


1. 什么是事件委托
     将子元素的事件委托(绑定)给父元素
2. 事件委托的好处
   1). 减少绑定的次数
   2). 后期新添加的元素也可以享用之前委托的事件
3. 事件委托的原理
    冒泡
4. 触发事件的是谁
    子元素
5. 如何找到触发事件的对象
     event.target
6. currentTarget VS target

currentTarget是绑定事件处理函数的元素, target是实际被鼠标点击得到的元素
   1). currentTarget要求绑定事件的元素一定是触发事件的元素
   2). target绑定事件的元素不一定是触发事件的元素,也可能是父元素

实例:

通过判断id确认currentTarget当前最新触发的是哪一个事件(phone or password)

当输入手机号码时,打印“phone”和值

当输入密码时,打印“password”和值

 

代码示例: