Function pointerVisualise

Visualises pointer events within a given element.

// Show pointer events for whole document
pointerVis(document);

Note you may need to set the following CSS properties on the target element:

touch-action: none;
user-select: none;
overscroll-behavior: none;

Options

  • touchRadius/mouseRadius: size of circle for these kinds of pointer events
  • trace: if true, intermediate events are captured and displayed
  • Parameters

    • elOrQuery: string | HTMLElement

      Element to monitor

    • options: Dom.Opts = {}

      Options

    Returns void