Question

当图像完成动画（从左侧滑入）时，我希望它使用HTML 5 vibrate API振动2秒：

navigator.vibrate(2000);

使用on click事件适用于按钮：

<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

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

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

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

1 个答案: