WS WhereIsStuff
Tutorial Guides
Log In
Sign Up

Advertisement

Google Ad Slot: content-top

JS Basic Events

~1 min read · JS
On this page
❮ Previous Next ❯

Events in JavaScript are actions or occurrences that happen in the browser, such as clicking a button, hovering over an element, typing in a text field, resizing a window, or submitting a form.


Click Event:

The click event is triggered when a user clicks on an HTML element, such as a button, link, or any clickable element.

Example
Try it yourself

Mouseover and Mouseout Event:

  • The Mouseover event trigger when pointer is over on element
  • Then Mouseout event trigger when pointer is leave on element
Example

EventListener

Mouse over 1

HTML onChange function

Mouse over 2

JS onChange function

Mouse over 3

Try it yourself

Change Event:

The change event trigger when HTML element is changed type input and click outside input

Example

EventListener

HTML onChange function

JS onChange function

Try it yourself

Keydown Event:

Th keydown event trigger when user press input keys.

Example

EventListener

HTML onKeydown function

JS onKeydown function

Try it yourself

❮ Previous Next ❯