Is it possible to receive tilt events in JavaScript on mobile Webkit for iOS or Android phones?

Question

I've done some searching around and haven't found any good references for non-touch events provided to mobile browsers. Does anyone know of any good resources for what tilt events are supported or have experience with such things?

I'm really looking forward to adding some yaw controls.

There is. Checkout http://stackoverflow.com/questions/4378435 — Xavi, Apr 18 '12 at 04:05

Ariful Islam · Accepted Answer · 2023-04-08T06:41:45.437

10

You are looking for HTML5 DeviceOrientation and DeviceMotion events. Most modern smartphone browsers support these events now.

You might find useful information here: https://mobiforge.com/design-development/html5-mobile-web-device-orientation-events

edited Apr 08 '23 at 06:41

answered Feb 25 '14 at 21:33

Ariful Islam

970
8
16

can you please update the reference? link is broken – Isaac Dec 18 '22 at 23:50

defbyte · Answer 2 · 2011-02-04T03:08:44.043

3

[edited]

Unfortunately at this time, without running as a native app, events from the accelerometer are not available.

Documentation for: Supported Events for Safari on iOS

If you want these events, consider going for a native app, and checkout Phonegap - it has what you are looking for, supported by both iOS and Adroid, plus considerably more.

Here's a quick link: to get up'n the API docs

edited Feb 04 '11 at 03:08

answered Feb 02 '11 at 04:19

defbyte

611
6
14

Can Phonegap provide the event to a non-native webapp running in mobile Safari? – Daniel X Moore Feb 02 '11 at 19:30
@Daniel, no - at this time a non-native webapp running in mobile Safari cannot receive events from the device's accelerometer. – defbyte Feb 04 '11 at 02:51

Is it possible to receive tilt events in JavaScript on mobile Webkit for iOS or Android phones?

2 Answers2