Demix animation events from GlobalEventHandlers (#18281)

mdn · Jul 12, 2022 · 4fac66b · 4fac66b
1 parent c473cfb
commit 4fac66b
Show file tree

Hide file tree

Showing 20 changed files with 224 additions and 1,651 deletions.
diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
@@ -1407,9 +1407,9 @@
 /en-US/docs/DOM/Mozilla_event_reference/abort_indexedDB	/en-US/docs/Web/API/IDBTransaction/abort_event
 /en-US/docs/DOM/Mozilla_event_reference/afterprint	/en-US/docs/Web/API/Window/afterprint_event
 /en-US/docs/DOM/Mozilla_event_reference/afterscriptexecute	/en-US/docs/Web/API/Element/afterscriptexecute_event
-/en-US/docs/DOM/Mozilla_event_reference/animationend	/en-US/docs/Web/API/HTMLElement/animationend_event
-/en-US/docs/DOM/Mozilla_event_reference/animationiteration	/en-US/docs/Web/API/HTMLElement/animationiteration_event
-/en-US/docs/DOM/Mozilla_event_reference/animationstart	/en-US/docs/Web/API/HTMLElement/animationstart_event
+/en-US/docs/DOM/Mozilla_event_reference/animationend	/en-US/docs/Web/API/Element/animationend_event
+/en-US/docs/DOM/Mozilla_event_reference/animationiteration	/en-US/docs/Web/API/Element/animationiteration_event
+/en-US/docs/DOM/Mozilla_event_reference/animationstart	/en-US/docs/Web/API/Element/animationstart_event
 /en-US/docs/DOM/Mozilla_event_reference/audioprocess	/en-US/docs/Web/API/ScriptProcessorNode/audioprocess_event
 /en-US/docs/DOM/Mozilla_event_reference/beforeprint	/en-US/docs/Web/API/Window/beforeprint_event
 /en-US/docs/DOM/Mozilla_event_reference/beforescriptexecute	/en-US/docs/Web/API/Element/beforescriptexecute_event
@@ -6109,9 +6109,9 @@
 /en-US/docs/Mozilla_event_reference/abort_indexedDB	/en-US/docs/Web/API/IDBTransaction/abort_event
 /en-US/docs/Mozilla_event_reference/afterprint	/en-US/docs/Web/API/Window/afterprint_event
 /en-US/docs/Mozilla_event_reference/afterscriptexecute	/en-US/docs/Web/API/Element/afterscriptexecute_event
-/en-US/docs/Mozilla_event_reference/animationend	/en-US/docs/Web/API/HTMLElement/animationend_event
-/en-US/docs/Mozilla_event_reference/animationiteration	/en-US/docs/Web/API/HTMLElement/animationiteration_event
-/en-US/docs/Mozilla_event_reference/animationstart	/en-US/docs/Web/API/HTMLElement/animationstart_event
+/en-US/docs/Mozilla_event_reference/animationend	/en-US/docs/Web/API/Element/animationend_event
+/en-US/docs/Mozilla_event_reference/animationiteration	/en-US/docs/Web/API/Element/animationiteration_event
+/en-US/docs/Mozilla_event_reference/animationstart	/en-US/docs/Web/API/Element/animationstart_event
 /en-US/docs/Mozilla_event_reference/beforeprint	/en-US/docs/Web/API/Window/beforeprint_event
 /en-US/docs/Mozilla_event_reference/beforescriptexecute	/en-US/docs/Web/API/Element/beforescriptexecute_event
 /en-US/docs/Mozilla_event_reference/beforeunload	/en-US/docs/Web/API/Window/beforeunload_event
@@ -7808,6 +7808,10 @@
 /en-US/docs/Web/API/Document.xmlEncoding	/en-US/docs/Web/API/Document/xmlEncoding
 /en-US/docs/Web/API/Document/Document:_DOMContentLoaded_event	/en-US/docs/Web/API/Document/DOMContentLoaded_event
 /en-US/docs/Web/API/Document/Document:_paste_event	/en-US/docs/Web/API/Document/paste_event
+/en-US/docs/Web/API/Document/animationcancel_event	/en-US/docs/Web/API/Element/animationcancel_event
+/en-US/docs/Web/API/Document/animationend_event	/en-US/docs/Web/API/Element/animationend_event
+/en-US/docs/Web/API/Document/animationiteration_event	/en-US/docs/Web/API/Element/animationiteration_event
+/en-US/docs/Web/API/Document/animationstart_event	/en-US/docs/Web/API/Element/animationstart_event
 /en-US/docs/Web/API/Document/async	/en-US/docs/Web/API/XMLDocument/async
 /en-US/docs/Web/API/Document/baseURI	/en-US/docs/Web/API/Node/baseURI
 /en-US/docs/Web/API/Document/cancelFullscreen	/en-US/docs/Web/API/Document/exitFullscreen
@@ -7932,10 +7936,6 @@
 /en-US/docs/Web/API/Element/Element:touchend_event	/en-US/docs/Web/API/Element/touchend_event
 /en-US/docs/Web/API/Element/MozMousePixelScroll	/en-US/docs/Web/API/Element/MozMousePixelScroll_event
 /en-US/docs/Web/API/Element/accessKey	/en-US/docs/Web/API/HTMLElement/accessKey
-/en-US/docs/Web/API/Element/animationcancel_event	/en-US/docs/Web/API/HTMLElement/animationcancel_event
-/en-US/docs/Web/API/Element/animationend_event	/en-US/docs/Web/API/HTMLElement/animationend_event
-/en-US/docs/Web/API/Element/animationiteration_event	/en-US/docs/Web/API/HTMLElement/animationiteration_event
-/en-US/docs/Web/API/Element/animationstart_event	/en-US/docs/Web/API/HTMLElement/animationstart_event
 /en-US/docs/Web/API/Element/attachInternals	/en-US/docs/Web/API/HTMLElement/attachInternals
 /en-US/docs/Web/API/Element/cancel_event	/en-US/docs/Web/API/HTMLDialogElement/cancel_event
 /en-US/docs/Web/API/Element/fullscreenchange	/en-US/docs/Web/API/Element/fullscreenchange_event
@@ -8132,6 +8132,10 @@
 /en-US/docs/Web/API/GlobalEventHandlers/GlobalEventHandlers.ontouchend	/en-US/docs/Web/API/Element/touchend_event
 /en-US/docs/Web/API/GlobalEventHandlers/dragexit_event	/en-US/docs/Web/API/Document/dragleave_event
 /en-US/docs/Web/API/GlobalEventHandlers/onabort	/en-US/docs/Web/API/HTMLMediaElement/abort_event
+/en-US/docs/Web/API/GlobalEventHandlers/onanimationcancel	/en-US/docs/Web/API/Element/animationcancel_event
+/en-US/docs/Web/API/GlobalEventHandlers/onanimationend	/en-US/docs/Web/API/Element/animationend_event
+/en-US/docs/Web/API/GlobalEventHandlers/onanimationiteration	/en-US/docs/Web/API/Element/animationiteration_event
+/en-US/docs/Web/API/GlobalEventHandlers/onanimationstart	/en-US/docs/Web/API/Element/animationstart_event
 /en-US/docs/Web/API/GlobalEventHandlers/onauxclick	/en-US/docs/Web/API/Element/auxclick_event
 /en-US/docs/Web/API/GlobalEventHandlers/onblur	/en-US/docs/Web/API/Window/blur_event
 /en-US/docs/Web/API/GlobalEventHandlers/oncanplay	/en-US/docs/Web/API/HTMLMediaElement/canplay_event
@@ -8238,6 +8242,10 @@
 /en-US/docs/Web/API/HTMLElement.tabIndex	/en-US/docs/Web/API/HTMLElement/tabIndex
 /en-US/docs/Web/API/HTMLElement.title	/en-US/docs/Web/API/HTMLElement/title
 /en-US/docs/Web/API/HTMLElement/HTMLElement.accessKey	/en-US/docs/Web/API/HTMLElement/accessKey
+/en-US/docs/Web/API/HTMLElement/animationcancel_event	/en-US/docs/Web/API/Element/animationcancel_event
+/en-US/docs/Web/API/HTMLElement/animationend_event	/en-US/docs/Web/API/Element/animationend_event
+/en-US/docs/Web/API/HTMLElement/animationiteration_event	/en-US/docs/Web/API/Element/animationiteration_event
+/en-US/docs/Web/API/HTMLElement/animationstart_event	/en-US/docs/Web/API/Element/animationstart_event
 /en-US/docs/Web/API/HTMLElement/forceSpellCheck	/en-US/docs/Web/HTML/Global_attributes/spellcheck
 /en-US/docs/Web/API/HTMLElement/invalid_event	/en-US/docs/Web/API/HTMLInputElement/invalid_event
 /en-US/docs/Web/API/HTMLElement/onabort	/en-US/docs/Web/API/HTMLMediaElement/abort_event
@@ -9802,6 +9810,10 @@
 /en-US/docs/Web/API/Window/URL/revokeObjectURL	/en-US/docs/Web/API/URL/revokeObjectURL
 /en-US/docs/Web/API/Window/Window.onvrdisplaydisconnected	/en-US/docs/Web/API/Window/vrdisplaydisconnect_event
 /en-US/docs/Web/API/Window/addEventListener	/en-US/docs/Web/API/EventTarget/addEventListener
+/en-US/docs/Web/API/Window/animationcancel_event	/en-US/docs/Web/API/Element/animationcancel_event
+/en-US/docs/Web/API/Window/animationend_event	/en-US/docs/Web/API/Element/animationend_event
+/en-US/docs/Web/API/Window/animationiteration_event	/en-US/docs/Web/API/Element/animationiteration_event
+/en-US/docs/Web/API/Window/animationstart_event	/en-US/docs/Web/API/Element/animationstart_event
 /en-US/docs/Web/API/Window/atob	/en-US/docs/Web/API/atob
 /en-US/docs/Web/API/Window/btoa	/en-US/docs/Web/API/btoa
 /en-US/docs/Web/API/Window/caches	/en-US/docs/Web/API/caches
@@ -11292,10 +11304,10 @@
 /en-US/docs/Web/Events/addtrack	/en-US/docs/Web/API/VideoTrackList/addtrack_event
 /en-US/docs/Web/Events/afterprint	/en-US/docs/Web/API/Window/afterprint_event
 /en-US/docs/Web/Events/afterscriptexecute	/en-US/docs/Web/API/Element/afterscriptexecute_event
-/en-US/docs/Web/Events/animationcancel	/en-US/docs/Web/API/HTMLElement/animationcancel_event
-/en-US/docs/Web/Events/animationend	/en-US/docs/Web/API/HTMLElement/animationend_event
-/en-US/docs/Web/Events/animationiteration	/en-US/docs/Web/API/HTMLElement/animationiteration_event
-/en-US/docs/Web/Events/animationstart	/en-US/docs/Web/API/HTMLElement/animationstart_event
+/en-US/docs/Web/Events/animationcancel	/en-US/docs/Web/API/Element/animationcancel_event
+/en-US/docs/Web/Events/animationend	/en-US/docs/Web/API/Element/animationend_event
+/en-US/docs/Web/Events/animationiteration	/en-US/docs/Web/API/Element/animationiteration_event
+/en-US/docs/Web/Events/animationstart	/en-US/docs/Web/API/Element/animationstart_event
 /en-US/docs/Web/Events/appinstalled	/en-US/docs/Web/API/Window/appinstalled_event
 /en-US/docs/Web/Events/audioend	/en-US/docs/Web/API/SpeechRecognition/audioend_event
 /en-US/docs/Web/Events/audioprocess	/en-US/docs/Web/API/ScriptProcessorNode/audioprocess_event
@@ -12148,9 +12160,9 @@
 /en-US/docs/Web/Reference/Events/abort_indexedDB	/en-US/docs/Web/API/IDBTransaction/abort_event
 /en-US/docs/Web/Reference/Events/afterprint	/en-US/docs/Web/API/Window/afterprint_event
 /en-US/docs/Web/Reference/Events/afterscriptexecute	/en-US/docs/Web/API/Element/afterscriptexecute_event
-/en-US/docs/Web/Reference/Events/animationend	/en-US/docs/Web/API/HTMLElement/animationend_event
-/en-US/docs/Web/Reference/Events/animationiteration	/en-US/docs/Web/API/HTMLElement/animationiteration_event
-/en-US/docs/Web/Reference/Events/animationstart	/en-US/docs/Web/API/HTMLElement/animationstart_event
+/en-US/docs/Web/Reference/Events/animationend	/en-US/docs/Web/API/Element/animationend_event
+/en-US/docs/Web/Reference/Events/animationiteration	/en-US/docs/Web/API/Element/animationiteration_event
+/en-US/docs/Web/Reference/Events/animationstart	/en-US/docs/Web/API/Element/animationstart_event
 /en-US/docs/Web/Reference/Events/audioprocess	/en-US/docs/Web/API/ScriptProcessorNode/audioprocess_event
 /en-US/docs/Web/Reference/Events/beforeprint	/en-US/docs/Web/API/Window/beforeprint_event
 /en-US/docs/Web/Reference/Events/beforescriptexecute	/en-US/docs/Web/API/Element/beforescriptexecute_event

diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
@@ -33522,37 +33522,6 @@
       "JesseW"
     ]
   },
-  "Web/API/Document/animationcancel_event": {
-    "modified": "2020-10-15T22:15:04.832Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg",
-      "estelle"
-    ]
-  },
-  "Web/API/Document/animationend_event": {
-    "modified": "2020-10-15T22:15:06.804Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg"
-    ]
-  },
-  "Web/API/Document/animationiteration_event": {
-    "modified": "2020-10-15T22:15:06.418Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg",
-      "estelle"
-    ]
-  },
-  "Web/API/Document/animationstart_event": {
-    "modified": "2020-10-15T22:15:06.932Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg",
-      "estelle"
-    ]
-  },
   "Web/API/Document/applets": {
     "modified": "2020-10-15T21:04:19.480Z",
     "contributors": [
@@ -37553,6 +37522,65 @@
       "teoli"
     ]
   },
+  "Web/API/Element/animationcancel_event": {
+    "modified": "2020-10-15T21:53:16.404Z",
+    "contributors": [
+      "mfuji09",
+      "wbamberg",
+      "estelle",
+      "Sebastianz",
+      "mfluehr",
+      "david_ross",
+      "mantaroh",
+      "Sheppy"
+    ]
+  },
+  "Web/API/Element/animationend_event": {
+    "modified": "2020-10-15T21:19:51.801Z",
+    "contributors": [
+      "mfuji09",
+      "wbamberg",
+      "Sebastianz",
+      "mfluehr",
+      "Sheppy",
+      "fscholz",
+      "teoli",
+      "ethertank",
+      "louisremi"
+    ]
+  },
+  "Web/API/Element/animationiteration_event": {
+    "modified": "2020-10-15T21:19:52.560Z",
+    "contributors": [
+      "mfuji09",
+      "Wind1808",
+      "wbamberg",
+      "estelle",
+      "Sebastianz",
+      "mfluehr",
+      "Sheppy",
+      "silentMood",
+      "fscholz",
+      "teoli",
+      "ethertank",
+      "louisremi"
+    ]
+  },
+  "Web/API/Element/animationstart_event": {
+    "modified": "2020-10-15T21:19:51.589Z",
+    "contributors": [
+      "mfuji09",
+      "wbamberg",
+      "estelle",
+      "Sebastianz",
+      "mfluehr",
+      "Sheppy",
+      "fscholz",
+      "teoli",
+      "ethertank",
+      "louisremi"
+    ]
+  },
   "Web/API/Element/append": {
     "modified": "2020-11-27T11:36:02.538Z",
     "contributors": [
@@ -44174,44 +44202,6 @@
       "kscarfone"
     ]
   },
-  "Web/API/GlobalEventHandlers/onanimationcancel": {
-    "modified": "2020-10-15T21:50:36.012Z",
-    "contributors": [
-      "wbamberg",
-      "mfluehr",
-      "fscholz",
-      "Sheppy",
-      "mantaroh",
-      "jpmedley"
-    ]
-  },
-  "Web/API/GlobalEventHandlers/onanimationend": {
-    "modified": "2020-10-15T21:50:36.001Z",
-    "contributors": [
-      "mfluehr",
-      "fscholz",
-      "jpmedley",
-      "Sheppy"
-    ]
-  },
-  "Web/API/GlobalEventHandlers/onanimationiteration": {
-    "modified": "2020-10-15T21:50:38.481Z",
-    "contributors": [
-      "mfluehr",
-      "fscholz",
-      "jstewart8053",
-      "jpmedley",
-      "Sheppy"
-    ]
-  },
-  "Web/API/GlobalEventHandlers/onanimationstart": {
-    "modified": "2020-10-15T21:50:29.524Z",
-    "contributors": [
-      "fscholz",
-      "jpmedley",
-      "Sheppy"
-    ]
-  },
   "Web/API/GlobalEventHandlers/ondrag": {
     "modified": "2020-10-15T21:40:01.258Z",
     "contributors": [
@@ -45589,65 +45579,6 @@
       "Krinkle"
     ]
   },
-  "Web/API/HTMLElement/animationcancel_event": {
-    "modified": "2020-10-15T21:53:16.404Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg",
-      "estelle",
-      "Sebastianz",
-      "mfluehr",
-      "david_ross",
-      "mantaroh",
-      "Sheppy"
-    ]
-  },
-  "Web/API/HTMLElement/animationend_event": {
-    "modified": "2020-10-15T21:19:51.801Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg",
-      "Sebastianz",
-      "mfluehr",
-      "Sheppy",
-      "fscholz",
-      "teoli",
-      "ethertank",
-      "louisremi"
-    ]
-  },
-  "Web/API/HTMLElement/animationiteration_event": {
-    "modified": "2020-10-15T21:19:52.560Z",
-    "contributors": [
-      "mfuji09",
-      "Wind1808",
-      "wbamberg",
-      "estelle",
-      "Sebastianz",
-      "mfluehr",
-      "Sheppy",
-      "silentMood",
-      "fscholz",
-      "teoli",
-      "ethertank",
-      "louisremi"
-    ]
-  },
-  "Web/API/HTMLElement/animationstart_event": {
-    "modified": "2020-10-15T21:19:51.589Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg",
-      "estelle",
-      "Sebastianz",
-      "mfluehr",
-      "Sheppy",
-      "fscholz",
-      "teoli",
-      "ethertank",
-      "louisremi"
-    ]
-  },
   "Web/API/HTMLElement/beforeinput_event": {
     "modified": "2020-11-11T09:54:44.715Z",
     "contributors": [
@@ -80655,38 +80586,6 @@
       "JesseW"
     ]
   },
-  "Web/API/Window/animationcancel_event": {
-    "modified": "2020-10-15T22:15:04.827Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg",
-      "estelle"
-    ]
-  },
-  "Web/API/Window/animationend_event": {
-    "modified": "2020-10-15T22:15:04.914Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg",
-      "estelle"
-    ]
-  },
-  "Web/API/Window/animationiteration_event": {
-    "modified": "2020-10-15T22:15:06.660Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg",
-      "estelle"
-    ]
-  },
-  "Web/API/Window/animationstart_event": {
-    "modified": "2020-10-15T22:15:08.688Z",
-    "contributors": [
-      "mfuji09",
-      "wbamberg",
-      "estelle"
-    ]
-  },
   "Web/API/Window/appinstalled_event": {
     "modified": "2020-10-15T21:47:07.700Z",
     "contributors": [

diff --git a/files/en-us/mozilla/firefox/releases/51/index.md b/files/en-us/mozilla/firefox/releases/51/index.md
@@ -127,7 +127,7 @@ tags:
 
 ### Events
 
-- Firefox now supports the {{domxref("GlobalEventHandlers.onanimationstart", "onanimationstart")}}, {{domxref("GlobalEventHandlers.onanimationiteration", "onanimationiteration")}}, and {{domxref("GlobalEventHandlers.onanimationstart", "onanimationstart")}} event handlers, in addition to supporting the corresponding events using {{domxref("EventTarget.addEventListener", "addEventListener()")}} ({{bug(911987)}}).
+- Firefox now supports the {{domxref("Element.onanimationstart", "onanimationstart")}}, {{domxref("Element.onanimationiteration", "onanimationiteration")}}, and {{domxref("Element.onanimationstart", "onanimationstart")}} event handlers, in addition to supporting the corresponding events using {{domxref("EventTarget.addEventListener", "addEventListener()")}} ({{bug(911987)}}).
 - Firefox now supports the {{domxref("GlobalEventHandlers.ontransitionend", "ontransitionend")}} event handler ({{bug(911987)}}).
 
 ### Security