EventTarget

Hierarchy

EventTarget.addEventListener()

Syntax

target.addEventListener(type, listener[, options])
target.addEventListener(type, listener[, useCapture])

Example

Click (MouseEvent):

const button = document.querySelector('button#print')

button.addEventListener('click', function() {
  window.print()
})

Keyup (KeyboardEvent, Key Values):

document.addEventListener('keyup', function(event) {
  if (event.key == 'Enter') {
    console.log('Enter key')
  }
})

EventTarget.removeEventListener()

Syntax

target.removeEventListener(type, listener[, options])
target.removeEventListener(type, listener[, useCapture])

Example

const element = document.querySelector('button')

const handleMouseDown = function(){}

element.addEventListener("mousedown", handleMouseDown);
element.removeEventListener("mousedown", handleMouseDown);