Free online tools to generate, calculate,
convert, format, encode, and play.
 

Touch Event Tester

Visualize and debug touch events in real time. Test swipe, pinch, multi-touch, and long press gestures.


Device Capabilities

Touch SupportChecking...
Max Touch Points-
Pointer Events-
Force Touch-
Device Pixel Ratio-

Touch Area

Touch or click here to begin testing
Waiting...
0
Active Touches
-
X
-
Y
-
Force
-
Radius
0
Events

Event Log


How It Works

Touch Events

This tool listens for the browser's native touch events: touchstart, touchmove, touchend, and touchcancel. Each event provides a list of active touch points with coordinates, force, and radius data. On non-touch devices, mouse events are used as a fallback.

Gesture Detection

The tool detects common gestures by analyzing touch point patterns. A tap is a short touch with minimal movement. A swipe is detected when a single touch moves more than 30 pixels in a dominant direction. Pinch is recognized when two touch points change distance. A long press triggers after holding a touch for 500ms without significant movement.

Touch Properties

Property Description
clientX / clientYPosition relative to the viewport
pageX / pageYPosition relative to the full page
radiusX / radiusYSize of the touch contact area in pixels
forcePressure of the touch (0.0 to 1.0), if supported
identifierUnique ID for each active touch point

Use Cases

  • Debugging touch handlers — Verify your app responds to the correct events
  • Testing multi-touch — Confirm pinch-to-zoom and two-finger gestures work
  • Device comparison — Check touch capabilities across different devices
  • Force touch testing — Verify pressure-sensitive interactions on supported devices

Embed This Util

You can embed this util on your own site as a widget. Adding ?embed=1 to the URL loads a compact version with just the tool itself; no header, menu, or documentation. Paste this snippet into your HTML:


    

Copy snippet Adjust the height to taste.


Related Utils


Feedback

Help us improve this page by providing feedback, and include your name/email if you want us to reach back. Thank you in advance.


Share with