取消JS和CSS中的所有动画

Question

I want a piece of Javascript code or some guidance on how to write one that can stop all the CSS and JS (canvas, webgl, etc.) animations in a given page.

Sometimes some animations make user's computer slow on Opera and Firefox, so i need a snippet that can help user "cancel" all css/js based animations in my web app.

Answer 1

You can test this to stop the javascript:

 //event is the Event object
 if (event.stopPropagation) {
  event.stopPropagation ();
 }
 event.cancelBubble = true;

For CSS, i do not know!