Add a global event handler for beforeinput

Fixes #4526. Also remove our definition of the input event, instead pointing to the one in the UI Events specification.
whatwg · Jun 9, 2022 · b154c38 · b154c38
1 parent f22f6eb
commit b154c38
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/source b/source
@@ -3171,9 +3171,11 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
      <li>The <code>UIEvent</code> interface's <dfn data-x="dom-UIEvent-view" data-x-href="https://w3c.github.io/uievents/#dom-uievent-view"><code>view</code></dfn> attribute</li>
 
      <li><dfn data-x="event-auxclick" data-x-href="https://w3c.github.io/uievents/#event-type-auxclick"><code>auxclick</code></dfn> event</li>
+     <li><dfn data-x="event-beforeinput" data-x-href="https://w3c.github.io/uievents/#event-type-beforeinput"><code>beforeinput</code></dfn> event</li>
      <li><dfn data-x="event-click" data-x-href="https://w3c.github.io/uievents/#event-type-click"><code>click</code></dfn> event</li>
      <li><dfn data-x="event-contextmenu" data-x-href="https://w3c.github.io/uievents/#event-type-contextmenu"><code>contextmenu</code></dfn> event</li>
      <li><dfn data-x="event-dblclick" data-x-href="https://w3c.github.io/uievents/#event-type-dblclick"><code>dblclick</code></dfn> event</li>
+     <li><dfn data-x="event-input" data-x-href="https://w3c.github.io/uievents/#event-type-input"><code>input</code></dfn> event</li>
      <li><dfn data-x="event-mousedown" data-x-href="https://w3c.github.io/uievents/#event-type-mousedown"><code>mousedown</code></dfn> event</li>
      <li><dfn data-x="event-mouseenter" data-x-href="https://w3c.github.io/uievents/#event-type-mouseenter"><code>mouseenter</code></dfn> event</li>
      <li><dfn data-x="event-mouseleave" data-x-href="https://w3c.github.io/uievents/#event-type-mouseleave"><code>mouseleave</code></dfn> event</li>
@@ -12037,6 +12039,7 @@ https://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%
 
   <ul class="brief">
    <li><code data-x="handler-onauxclick">onauxclick</code></li>
+   <li><code data-x="handler-onbeforeinput">onbeforeinput</code></li>
    <li><code data-x="handler-onbeforematch">onbeforematch</code></li>
    <li><code data-x="handler-onblur">onblur</code>*</li>
    <li><code data-x="handler-oncancel">oncancel</code></li>
@@ -97826,6 +97829,7 @@ typedef <span>OnBeforeUnloadEventHandlerNonNull</span>? <dfn typedef>OnBeforeUnl
    <tbody>
     <tr><td><dfn attribute for="HTMLElement,Document,Window,GlobalEventHandlers"><code data-x="handler-onabort">onabort</code></dfn> <td> <code data-x="">abort</code>
     <tr><td><dfn attribute for="HTMLElement,Document,Window,GlobalEventHandlers"><code data-x="handler-onauxclick">onauxclick</code></dfn> <td> <code data-x="event-auxclick">auxclick</code>
+    <tr><td><dfn attribute for="HTMLElement,Document,Window,GlobalEventHandlers"><code data-x="handler-onbeforeinput">onbeforeinput</code></dfn> <td> <code data-x="event-beforeinput">beforeinput</code>
     <tr><td><dfn attribute for="HTMLElement,Document,Window,GlobalEventHandlers"><code data-x="handler-onbeforematch">onbeforematch</code></dfn> <td> <code data-x="event-beforematch">beforematch</code>
     <tr><td><dfn attribute for="HTMLElement,Document,Window,GlobalEventHandlers"><code data-x="handler-oncancel">oncancel</code></dfn> <td> <code data-x="event-cancel">cancel</code>
     <tr><td><dfn attribute for="HTMLElement,Document,Window,GlobalEventHandlers"><code data-x="handler-oncanplay">oncanplay</code></dfn> <td> <code data-x="event-media-canplay">canplay</code>
@@ -98011,6 +98015,7 @@ typedef <span>OnBeforeUnloadEventHandlerNonNull</span>? <dfn typedef>OnBeforeUnl
   <pre><code class="idl">interface mixin <dfn interface>GlobalEventHandlers</dfn> {
   attribute <span>EventHandler</span> <span data-x="handler-onabort">onabort</span>;
   attribute <span>EventHandler</span> <span data-x="handler-onauxclick">onauxclick</span>;
+  attribute <span>EventHandler</span> <span data-x="handler-onbeforeinput">onbeforeinput</span>;
   attribute <span>EventHandler</span> <span data-x="handler-onbeforematch">onbeforematch</span>;
   attribute <span>EventHandler</span> <span data-x="handler-onblur">onblur</span>;
   attribute <span>EventHandler</span> <span data-x="handler-oncancel">oncancel</span>;
@@ -127396,10 +127401,10 @@ INSERT INTERFACES HERE
      <td> Fired at the <code>Window</code> when the <span data-x="concept-url-fragment">fragment</span> part of the document's <span data-x="concept-document-url">URL</span> changes
 
     <tr> <!-- input -->
-     <td> <dfn event for="HTMLElement"><code data-x="event-input" id="event-input-input">input</code></dfn>
+     <td> <span><code data-x="event-input" id="event-input-input">input</code></span>
      <td> <code>Event</code>
-     <td> Form controls
-     <td> Fired at controls when the user changes the value (see also the <code data-x="event-change">change</code> event)
+     <td> Elements
+     <td> Fired when the user changes the <code data-x="attr-contenteditable">contenteditable</code> element's content, or the form control's value. See also the <code data-x="event-change">change</code> event for form controls.
 
     <tr> <!-- invalid -->
      <td> <dfn event for="HTMLElement"><code data-x="event-invalid">invalid</code></dfn>