事件委托
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”和值
代码示例: