global-cursor v0.0.1

Global Cursor

Apply the CSS cursor property to the high z-index element so that during a specific action, the cursor remains fixed to the desired style.

Usage

import { cursor } from "global-cursor";

knob.addEventListener("pointerdown", (ev) => {
  ev.preventDefault();
  cursor.show("grabbing");
});

knob.addEventListener("pointerup", (ev) => {
  cursor.hide();
});

Methods

cursor.show(cursorType: CursorType)

cursorType is a value permitted for the CSS cursor property: CSS cursor Property

cursor.hide()

Hide the cursor.

cursor.setZIndex(value: number)

Change the z-index property of the element to which the cursor is applied. default value: 99999999