I have read Javascript. Listen for iPhone shake event? and Detecting shaking in html5 mobile which gives a good solution to detect a mobile phone "shake" event:

<script src="shake.js"></script>
<script>
var myShakeEvent = new Shake({threshold: 15, timeout: 1000});
myShakeEvent.start(); 
window.addEventListener('shake', function() { alert('shake!'); }, false); 
</script>

Unfortunately, this does not seem to work with recent iOS devices, and this issue shows that special permission should be granted for recent iOS versions. Note that the code from here is not easily usable in the library shake.js.

Question: which method is available, as of 2022, to detect a "shake" event with Javascript, working on the main browsers (Firefox, Chrome, Safari) and mobile devices (iOS, Android)?

It's ok if there is a popup asking for permission first (like popups asking for permission for geolocation requests).

I have read Javascript. Listen for iPhone shake event? and Detecting shaking in html5 mobile which gives a good solution to detect a mobile phone "shake" event:

<script src="shake.js"></script>
<script>
var myShakeEvent = new Shake({threshold: 15, timeout: 1000});
myShakeEvent.start(); 
window.addEventListener('shake', function() { alert('shake!'); }, false); 
</script>

Unfortunately, this does not seem to work with recent iOS devices, and this issue shows that special permission should be granted for recent iOS versions. Note that the code from here is not easily usable in the library shake.js.

Question: which method is available, as of 2022, to detect a "shake" event with Javascript, working on the main browsers (Firefox, Chrome, Safari) and mobile devices (iOS, Android)?

It's ok if there is a popup asking for permission first (like popups asking for permission for geolocation requests).

• javascript
• mobile
• accelerometer
• shake

• Apple charges you to develop applications on their operating system. Their OS is locked down and their browsers can support what they want. In other words you'll want to contact the shake developer for an added shim support for latest or head on over and start building your app in iOS where you'll get all that support. :) – BGPHiJACK Commented Dec 31, 2021 at 18:44
• "crossbrowser and crossdevice": I have no idea what this means. Can you provide a list of the specific browsers and the specific devices that you want to support? – jsejcksn Commented Jan 4, 2022 at 7:38
• @jsejcksn I mean: working on main browsers (Firefox, Chrome, Safari), and main mobile devices (iOS, Android). I edited the question and title to include this. – Basj Commented Jan 4, 2022 at 10:02
• @Basj (1) What is "etc." in browsers, and which versions of each listed browser do you want to support? (2) What is "etc." in devices, and which versions of each listed operating system do you want to support? – jsejcksn Commented Jan 4, 2022 at 10:25
• 1 @Basj