Code-1

Common TypeScript Events

Mouse Events

  1. click: Triggered when an element is clicked.
  2. dblclick: Triggered when an element is double-clicked.
  3. mousedown: Triggered when a mouse button is pressed down on an element.
  4. mouseup: Triggered when a mouse button is released over an element.
  5. mousemove: Triggered when the mouse pointer is moved over an element.
  6. mouseover: Triggered when the mouse pointer is moved onto an element.
  7. mouseout: Triggered when the mouse pointer is moved out of an element.

Keyboard Events

  1. keydown: Triggered when a key is pressed down.
  2. keyup: Triggered when a key is released.
  3. keypress: Triggered when a key is pressed (deprecated in favor of keydown and keyup).

Form Events

  1. submit: Triggered when a form is submitted.
  2. change: Triggered when the value of an input element changes.
  3. input: Triggered every time the value of an input element changes.
  4. focus: Triggered when an element gains focus.
  5. blur: Triggered when an element loses focus.

Window Events

  1. load: Triggered when the entire page has loaded, including all dependent resources like stylesheets and images.
  2. unload: Triggered when the document or a child resource is being unloaded.
  3. resize: Triggered when the browser window is resized.
  4. scroll: Triggered when the document view or an element is scrolled.

Drag and Drop Events

  1. drag: Triggered when an element is being dragged.
  2. dragstart: Triggered at the start of a drag operation.
  3. dragend: Triggered at the end of a drag operation.
  4. dragenter: Triggered when a dragged element enters a drop target.
  5. dragover: Triggered when a dragged element is over a drop target.
  6. dragleave: Triggered when a dragged element leaves a drop target.
  7. drop: Triggered when a dragged element is dropped on a drop target.

Clipboard Events

  1. copy: Triggered when copying data to the clipboard.
  2. cut: Triggered when cutting data to the clipboard.
  3. paste: Triggered when pasting data from the clipboard.

Touch Events (for mobile)

  1. touchstart: Triggered when a touch point is placed on the touch surface.
  2. touchmove: Triggered when a touch point is moved along the touch surface.
  3. touchend: Triggered when a touch point is removed from the touch surface.
  4. touchcancel: Triggered when a touch point has been disrupted in some way.

Focus Events

  1. focusin: Triggered when an element is about to receive focus (bubbles).
  2. focusout: Triggered when an element is about to lose focus (bubbles).