ElementUtils API

isDocumentInFullscreenMode()

Determines whether the current document is in fullscreen mode.

• type: function

  function ElementUtils(): boolean;

• example

  import { ElementUtils } from "@shihongxins/utils";
  // false
  console.log(ElementUtils.isDocumentInFullscreenMode());

toggleElementFullscreen()

Toggles the Element Full Screen state.

• type: function

  function toggleElementFullscreen(target: Element, options: FullscreenOptions): Promise<unknown>;

• example

  import { ElementUtils } from "@shihongxins/utils";
  ElementUtils.toggleElementFullscreen(document.body);

listenElementHorizontalScrolling()

Listen for wheel events to make elements scroll horizontally.

• type: function

  function listenElementHorizontalScrolling(
    target: HTMLElement,
    options?: {
      altkey: boolean;
      force: boolean;
    }
  ): void;

• example

  import { ElementUtils } from "@shihongxins/utils";
  
  const elemThatScrollHozOnWhell = document.querySelector("elemThatScrollHozOnWhell");
  ElementUtils.listenElementHorizontalScrolling(elemThatScrollHozOnWhell);

getElementStyleProp()

Gets the style properties of the element after calculation.

• type: function

  function getElementStyleProp(target?: Element, propName?: string): void | string;

• example

  import { ElementUtils } from "@shihongxins/utils";
  // "16px"
  console.log(ElementUtils.getElementStyleProp("fontSize"));