We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

HTMLIFrameElement.sendTouchEvent()

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The sendTouchEvent() method of the HTMLIFrameElement allows you to fake a touch event and send it to the browser <iframe>'s content.

Note: This method is available for touch-enabled devices only.

Syntax

instanceOfHTMLIframeElement.sendTouchEvent(type, x, y, rx, ry,
                                           rotationAngles, forces,
                                           count, modifiers);

Returns

Void.

Parameters

type
A string representing the event type. Possible values are touchstart, touchend, touchmove, or touchcancel.
x
An array of numbers representing the x position of each touch point relative to the browser <iframe>'s visible area in CSS pixels.
y
An array of numbers representing the y position of each touch point relative to the browser <iframe>'s visible area in CSS pixels.
rx
An array of numbers representing the x radius of each touch point in CSS pixels.
ry
An array of numbers representing the y radius of each touch point in CSS pixels.
rotationAngles
An array of numbers representing the angle of each touch point in degrees.
forces
An array of numbers representing the intensity of each touch in the range 0–1.
count
The number of touches that should be performed.
modifiers
A number representing a key pressed at the same time the mouse button was clicked:
  • 1Alt
  • 2Ctrl
  • 4Shift
  • 8Meta
  • 16Alt Gr
  • 32Caps Lock
  • 64Fn
  • 128Num Lock
  • 256Scroll
  • 512Symbol Lock
  • 1024Win

Note: You can specify multiple key modifiers separated by a pipe symbol, for example 1 | 1014.

Examples

var browser = document.querySelector('iframe');
browser.sendTouchEvent("touchstart", [1], [x], [y], [2], [2],
                       [20], [0.5], 1, 0);

Specification

Not part of any specification.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support No No471 No No No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support No No No No No No ?

1. Supported in chrome code only.

See also

Document Tags and Contributors

Contributors to this page: fscholz, chrisdavidmills, wbamberg, teoli, ajaybhat, kscarfone, Jeremie
Last updated by: fscholz,