Categories

'touchzoom' Special Event

Categories: Touch Events

.on( 'touchzoom', ... )

Plugin: jQuery.event.special.touch

Description: Bind special zoom event on touch interaction.

  • .on( 'touchzoom', ... )

    version added: 1.0 version deprecated: 1.3

The touchzoom special event was replaced by the touchpinch event in version 1.3.

This .on() implements a simple bind to the touchzoom interaction.

The touchzoom event fires if the user drag together / apart two fingers.

The recieved event object on touchzoom includes advanced properties:

  • event.zoomState A value which represents the current zoom status (start / while / end).
  • event.zoomDeltaT Milliseconds between current and previous zoom event state.
  • event.zoomDelta A float value which represents the diagonal pixel distance between the last and current distance of the fingers.
  • event.zoomDeltaX A float value which represents the pixel distance between the last and current distance of the fingers on the x-axis.
  • event.zoomDeltaY A float value which represents the pixel distance between the last and current distance of the fingers on the y-axis.

See the .on() and .off() method references for a way to bind/unbind event handlers.