宝哥软件园

微信小程序事件对象中e.target和e.currentTarget区别详解

编辑:宝哥软件园 来源:互联网 时间:2021-08-24

小程序的事件回调被触发时,会收到一个事件对象,事件对象的参数包括一个target和一个currentTarget属性。接下来,我们将讨论两者的区别。

代码优先:

Wxml部分:

视图id=' tar-父级' bindtap=' click '父组件视图id=' tar-子级'子组件/视图/视图wxss部分:

# tar-神父{ width: 300rpxheight: 300rpx背景-color : sky blue;} # tar-children { background-color :粉色;}效果图

部分js:

点击:函数(事件){ console . log(event . target)console . log(event . current target)}点击图中粉色子组件区域输出结果:

Event.target是它的子组件,它是触发事件的源组件

事件。当前目标是事件绑定到的组件

单击图中蓝色父组件区域时的输出:

因为触发器的源是父程序集本身,所以Event.target是父程序集

事件。当前目标始终是事件绑定到的组件

摘要:目标对应于触发事件的源组件。该组件可以是子组件,也可以是父组件,这主要取决于执行操作的区域。而currentTarget始终对应于事件绑定到的组件。

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+