@imshann/event

@imshann/event

a event library.

import

import { watchEvent, EventName } from "@imshann/event";

TextSelectStart

watchEvent(
  EventName.TextSelectStart,
  document.querySelector("#box"),
  (event) => {
    console.log(event.getSelectedText());
  }
);

TextSelectOver

watchEvent(
  EventName.TextSelectOver,
  document.querySelector("#box"),
  (event) => {
    console.log(event.getPosition()); // => { x: 11, y:22 }
  }
);

TextSelectEnd

watchEvent(EventName.TextSelectEnd, document.querySelector("#box"), (event) => {
  console.log(event.getSelectedText()); // => abc
});

paste

watchEvent(EventName.Paste, document.querySelector("#editor"), (event) => {
  console.log(event.getClipboardData());
  event.preventDefault();
});

input

The following callback function will be called when the user enter the "a-zA-Z0-9~`!@#$^%&*()_-+={}[]|:;"'<,>./?" range character.

watchEvent(EventName.Input, window, (event) => {});

compositionstart

watchEvent(
  EventName.CompositionStart,
  document.querySelector("#input"),
  (event) => {}
);

compositionend

listen for chinese input events.This event function is called after inputting chinese.

watchEvent(
  EventName.CompositionEnd,
  document.querySelector("#input"),
  (event) => {
    // get the input chinese text
    event.getData();
  }
);