使用微信小程序实现事件代理的方法
最编程
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”和值
代码示例:
下一篇: 事件代理是什么?详解
推荐阅读
-
你对微信小程序的 WXS 了解吗?了解一下如何在各大前端框架中实现骚骚的过滤器。
-
使用jeexjj框架开发的微信小程序商城系统:jeexjj_wefactory开源版
-
用Spring Boot向微信小程序发送订阅消息的方法
-
微信小程序WebSocket实战:如何调整心跳机制的keapalive_timeout并使用它?
-
使用JQ和原生JS实现事件代理:on方法与addEventListener的比较
-
使用微信小程序实现事件代理的方法
-
在小程序中使用事件委派:wxml中的实践方法
-
微信小程序:scroll-view组件实现锚点滑动的实例演示
-
如何轻松实现微信小程序的自动化构建与部署(CI/CD)
-
微信小程序五子棋游戏AI实现方法【附demo源码下载】