jquery - 动画结束后振动手机吗？仅在单击按钮时有效

图像完成动画处理（从左侧滑入）后，我希望它使用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);
  });

演示：https://codepen.io/ifusion/pen/rzRzEO

动画完成后如何使其振动？

最佳答案

本文说，由于被恶意网站滥用，他们已禁用此功能，我尝试过相同的功能，只有在单击时它在控制台上才返回false。

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