动画完成后振动手机？仅在单击按钮时有效答案

【问题标题】：Vibrate phone when animation has finished? Only works if button is clicked动画完成后振动手机？仅在单击按钮时有效
【发布时间】：2017-09-04 03:33:59
【问题描述】：

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

如何让它在动画结束时振动？

【问题讨论】：

标签： jquery css css-animations animate.css

【解决方案1】：

这篇文章说由于被恶意网站滥用，他们已经禁用了这个功能，我试过同样它在控制台上返回 false，只有在点击它才会返回 true。

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

【讨论】：

有趣啊！好发现！谢谢你:)