From 899354c8d9d36af4cc1c706e21d3b2cccd6e810c Mon Sep 17 00:00:00 2001 From: Joey Arhar Date: Fri, 29 Mar 2024 10:46:27 -0700 Subject: [PATCH] Add focusin and focusout events These events are already implemented in browsers and are documented on MDN. This PR also adds onfocusin and onfocusout event handler content attributes. https://github.com/whatwg/html/issues/3514 tracks this and other focus events. Fixes https://github.com/whatwg/html/issues/10234 --- source | 70 ++++++++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 58 insertions(+), 12 deletions(-) diff --git a/source b/source index 09230c2df53..9758d948ee6 100644 --- a/source +++ b/source @@ -13135,6 +13135,8 @@ https://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%
  • onended
  • onerror*
  • onfocus*
    • +
  • onfocusin*
    • +
  • onfocusout*
  • onformdata
  • oninput
  • oninvalid
    • @@ -79840,9 +79842,17 @@ dictionary ToggleEventInit : EventInit { target be null.

  • -

    If blur event target is not null, fire a focus event - named blur at blur event target, with - related blur target as the related target.

    +

    If blur event target is not null:

    + +
      +

    1. Fire a focus event named blur at + blur event target, with related blur target as the related target and + bubbles set to false.

      2. + +

    2. Fire a focus event named focusout at + blur event target, with related blur target as the related target and + bubbles set to true.

      3. +

    In some cases, e.g., if entry is an area element's shape, a scrollable region, or a viewport, no @@ -79890,9 +79900,17 @@ dictionary ToggleEventInit : EventInit { focus target be null.

  • -

    If focus event target is not null, fire a focus event - named focus at focus event target, with - related focus target as the related target.

    +

    If focus event target is not null:

    + +
      +

    1. Fire a focus event named focus at + focus event target, with related focus target as the related target and + bubbles set to false.

      2. + +

    2. Fire a focus event named focusin at + focus event target, with related focus target as the related target and + bubbles set to true.

      3. +

    In some cases, e.g. if entry is an area element's shape, a scrollable region, or a viewport, no event is fired.

    @@ -79902,12 +79920,12 @@ dictionary ToggleEventInit : EventInit {

    To fire a focus event named e at an element t with a given - related target r, fire an event named - e at t, using FocusEvent, with the r and bubbles b, fire an + event named e at t, using FocusEvent, with the relatedTarget attribute initialized to r, - the view attribute initialized to t's - node document's relevant global object, and the composed - flag set.

    + the view attribute initialized to t's node + document's relevant global object, the composed flag set, and + bubbles attribute initialized to b.

    @@ -111388,6 +111406,8 @@ typedef OnBeforeUnloadEventHandlerNonNull? OnBeforeUnl onblur blur onerror error onfocus focus + onfocusin focusin + onfocusout focusout onload load onresize resize onscroll scroll @@ -111494,6 +111514,8 @@ typedef OnBeforeUnloadEventHandlerNonNull? OnBeforeUnl attribute EventHandler onended; attribute OnErrorEventHandler onerror; attribute EventHandler onfocus; + attribute EventHandler onfocusin; + attribute EventHandler onfocusout; attribute EventHandler onformdata; attribute EventHandler oninput; attribute EventHandler oninvalid; @@ -140506,6 +140528,18 @@ interface External { focus event handler Event handler content attribute + + onfocusin + HTML elements + focusin event handler + Event handler content attribute + + + onfocusout + HTML elements + focusout event handler + Event handler content attribute + onformdata HTML elements @@ -141439,7 +141473,19 @@ INSERT INTERFACES HERE focus Event Window, elements - Fired at nodes gaining focus + Fired at nodes gaining focus without bubbling + + + focusin + Event + Window, elements + Fired at nodes gaining focus after the focus event with bubbling + + + focusout + Event + Window, elements + Fired at nodes when they stop being focused after the blur event with bubbling formdata