WeChat Mini Program Practical Development View Layer WXML: Events

For example:

##The event starts with bind or catch

#bind event binding does not prevent bubbling events from bubbling upwards, such as bindtap.

catch event binding can prevent bubbling events from bubbling upward, such as catchtap.

##Because handleTap2 is a catchtap, so:

##. Clicking the outer view will trigger handleTap1

#Look in the debug log

##You can see the event execution log and event object.

Unless otherwise specified, when a component triggers an event, the handler function bound to the event by the logic layer will receive an event object. (See picture above, event object)

Please refer to the official documentation for detailed information about the event.

target and currentTarget

target and currentTarget can refer to the above example , when the inner view is clicked, the event object target and currentTarget received by handleTap3 are both inner, while the event object target received by handleTap2 is inner and currentTarget is middle.

The dataset attributes in target and currentTarget
can define data in the component, This data will be passed to SERVICE through events.

Writing method: Start with data-, multiple words are linked by hyphens-, all uppercase letters will be automatically converted to lowercase, and hyphens will be converted to camel case

For example:

##

##touches is Touch Array of objects

For more practical development of WeChat applet view layer WXML: For event-related articles, please pay attention to the PHP Chinese website!