onload event is triggered when the page is loaded

As soon a page loaded it alerts "Page loaded!" message.

resize event triggers a function when the window is resized

Here whenever you resize the window, the function resizeW() will be triggered.

Go to homepage

If you refresh this page or click some other link, you will see the confirm box.

click event is triggered when user clicks on an element

Click this element

Double click this element

Mouseover event is triggered when the mouse pointer moves over an element

Move the mouse pointer over the button to see the result.

Mouseout event is triggered when the mouse pointer moves out of an element

Move the mouse pointer out of the button to see the result.

Mousedown event is triggered when the user presses the mouse button over an element.

Left or right click the button to see the result.

Mouseup event is triggered when the user releases the mouse button.

Click the mouse button and then release it.

This is a popup

Mousemove event is triggered when the mouse pointer moves over the element.

Move the mouse pointer over the button.

Mouseenter event is triggered when the mouse pointer moves over the element.

Move the mouse pointer and enter area of the div.

This is a div

Mouseleave event is triggered when the mouse pointer leaves an element

Move the mouse pointer enter and leave area of the div.

This is a div

keydown event is triggered when a key is pressed down

Press any key on the keyboard by focusing on the text area below

keyup event is triggered when a key is released

Press any key on the keyboard by focusing on the text area below

keypress event is triggered when a key is pressed

Press any key on the keyboard by focusing on the text area below

submit form event is triggered when the form is submitted

Submit the form to see the result

focus event in form element is triggered when the element is focused

Focus in the input below.

blur event in form element is triggered when the user removes the focus of the input.

Focus in the input below and then remove the focus.

change event in form element is triggered when the value of the element is changed

Change the input below then click outside the input to trigger the change event.

reset event in form element is triggered when the form is reset

Set some value in the form and then reset it. The reset event is triggered.

select event is triggered when the user selects an option from a dropdown list

Select an option from the dropdown list to see the result.