動畫完成後是否振動電話？只有當按鈕被點擊

Question

當圖像已經完成其動畫（左滑動）的作品，我希望它使用HTML 5振動API 2秒震動：

navigator.vibrate(2000); 

使用一個上點擊事件的作品爲按鈕：

<button class="vibrate-button">Vibrate</button> 



$('.vibrate-button').click(function(){ 
     navigator.vibrate(2000); 
    }); 

但不是當我嘗試把它當動畫完成：

$('.iphone-image').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(event) { 
     console.log('Animation has finished'); 
     navigator.vibrate(2000); 
    }); 

DEMO：https://codepen.io/ifusion/pen/rzRzEO

如何在動畫結束時使其振動？

Answer 1

這篇文章說因爲被惡意網站濫用，他們已經禁用了這個功能我也試過它在控制檯上返回false只會點擊它返回true。

https://www.chromestatus.com/feature/5644273861001216