[css-animations] Add global animation event handlers

Author: birtles

css-animations/Overview.bs

@@ -1,5 +1,18 @@
 <h1>CSS Animations Level 1</h1>
 
+<style type="text/css">
+  table.event-handlers {
+    border-collapse: collapse;
+  }
+  table.event-handlers th,
+  table.event-handlers td {
+    padding: 0.2em 1em;
+  }
+  table.event-handlers td {
+    border: 1px solid black;
+  }
+</style>
+
 <pre class='metadata'>
 Status: ED
 Work Status: Refining
@@ -28,6 +41,13 @@ Ignored Terms: domstring, float, animationeventinit, event, eventinit, eventtarg
 </pre>
 <pre class="anchors">
 url: http://w3c.github.io/dom/#constructing-events; type: dfn; text: event constructor;
+urlPrefix: https://html.spec.whatwg.org/multipage/webappapis.html; type: dfn; spec: html
+    text: event handlers
+    text: event handler event type
+    text: event handler content attributes
+    text: event handler IDL attributes
+urlPrefix: https://html.spec.whatwg.org/multipage/infrastructure.html; type: dfn; spec: html
+    text: HTML elements
 </pre>
 <pre class="link-defaults">
 spec:cssom-1; type:interface; text:CSSRule
@@ -885,6 +905,33 @@ Types of <code>AnimationEvent</code></h3>
 			</ul>
 	</dl>
 
+### Event handlers on elements, <code>Document</code> objects, and <code>Window</code> objects ### {#event-handlers-on-elements-document-objects-and-window-objects}
+
+The following are the <a>event handlers</a> (and their corresponding <a>event
+handler event types</a>) that must be supported by all <a>HTML elements</a>, as
+both <a>event handler content attributes</a> and <a>event handler IDL
+attributes</a>; and that must be supported by all {{Document}} and {{Window}}
+objects, as <a>event handler IDL attributes</a>:
+
+<table class="event-handlers">
+  <tr>
+    <th><a>Event handler</a></th>
+    <th><a>Event handler event type</a></th>
+  </tr>
+  <tr>
+    <td><dfn>onanimationstart</dfn></td>
+    <td><dfn><a idl>animationstart</a></dfn></td>
+  </tr>
+  <tr>
+    <td><dfn>onanimationiteration</dfn></td>
+    <td><dfn><a idl>animationiteration</a></dfn></td>
+  </tr>
+  <tr>
+    <td><dfn>onanimationend</dfn></td>
+    <td><dfn><a idl>animationend</a></dfn></td>
+  </tr>
+</table>
+
 <h2 id="interface-dom">
 DOM Interfaces</h2>
 
@@ -1112,6 +1159,24 @@ The <code>findRule</code> method</h4>
     </div>
 
 
+<h3 id="interface-globaleventhandlers">
+Extensions to the <code>GlobalEventHandlers</code> Interface</h3>
+
+This specification extends the {{GlobalEventHandlers}} interface from HTML to
+add <a>event handler IDL attributes</a> for <a href="#events">animation
+events</a> as defined in [[#event-handlers-on-elements-document-objects-and-window-objects]].
+
+<h4 id="interface-globaleventhandlers-idl">
+IDL Definition</h4>
+
+<pre class="idl">
+partial interface GlobalEventHandlers {
+  attribute EventHandler onanimationstart;
+  attribute EventHandler onanimationiteration;
+  attribute EventHandler onanimationend;
+};
+</pre>
+