Please enable JavaScript.

Coggle requires JavaScript to display documents.

Javascript Programming (Advance Javascript Features (ES6/TS) (Classes…

- - - - Object
      - Function
      - Array
    - - undefined
      - null
    - - boolean
      - number
      - string
  - - - if (x) {...}
      - if (x) {...} else if (y) {...}
    - - for (var i=0; i< x.length; i++) {...}
      - for ([item] in [array]) {...}
    - - while (x) {...}
      - do {...} while (x)
- - - - ondblclick (double click)
      - onmousedown (click press)
      - onmouseenter (pointer enters element)
      - onmouseleave (pointer leaves element)
      - onclick (click)
      - onmouseup (click release)
      - onmousemove (pointer movement)
      - onmouseout
      - oncontextment (right click)
    - - onkeypress (keydown for character/numbers)
      - onkeyup (release)
      - onkeydown (press)
    - - onfocusout
      - oninput
      - onfocusin
      - oninvalid
      - onreset
      - onsearch
      - onselect
      - onfocus
      - onchange
      - onblur
      - onsubmit
    - - ondragenter
      - ondragleave
      - ondragend
      - ondragover
      - ondragstart
      - ondrag
      - ondrop
  - - - preverntDefault()
      - stopImmediatePropagation()
      - stopPropagation()
    - - altKey
      - detail (# clicks)
      - ctrlKey
      - metaKey
      - clientY
      - pageX
      - clientX
      - pageY
      - buttons
      - relatedTarget
      - button
      - screenX
      - screenY
      - which (which button pressed)
      - shiftKey
    - - metaKey
      - shiftKey
      - ctrlKey
      - key
      - altKey
      - keyCode
      - charCode
      - location
      - which
    - - onLoad()
- - - - .mousedown( [eventData ], handler )
      - .mouseenter( [eventData ], handler )
      - .hover( handlerIn, handlerOut )
      - .mouseleave( [eventData ], handler )
      - .dblclick( [eventData ], handler )
      - .mousemove( [eventData ], handler )
      - .contextmenu( [eventData ], handler )
      - .mouseout( [eventData ], handler )
      - .mouseover( [eventData ], handler )
      - .mouseup( [eventData ], handler )
      - .click( [eventData ], handler )
      - .toggle( handler, handler [, handler ] )
    - - .keyup( [eventData ], handler )
      - .keydown( [eventData ], handler )
      - .keypress( [eventData ], handler )
    - - $("selector").off( events [, selector filter ] [, handler ] )
      - $("selector").on(events [, selector filter][,data], handlerFn)
    - - .focusin( [eventData ], handler )
      - .focusout( [eventData ], handler )
      - .focus( [eventData ], handler )
      - .select( [eventData ], handler )
      - .change( [eventData ], handler )
      - .blur( [eventData ], handler )
      - .submit( [eventData ], handler )