Move the cursor over this text to see onmouseover.
Move the cursor out of this text to see onmouseout.

Click here

submit reset

The first radio button has focus and blur handlers,
the second one does not.
1 2

A copy of the JavaScript functions in the head element:

// sample-1-event-examples-functions.js
// These are all about the same except onsubmit has a return value

// onmouseover event handler
function loaded()
  {
  var result_area = document.getElementById("result");
  result_area.value = "load event occurred";
  }

// onmouseover event handler
function mouse()
  {
  var result_area = document.getElementById("result");
  result_area.value = "mouseover event occurred";
  }

// onmouseout event handler
function mouseout()
  {
  var result_area = document.getElementById("result");
  result_area.value = "mouseout event occurred";
  }

// onclick event handler
function clicked()
  {
  var result_area = document.getElementById("result");
  result_area.value = "click event occurred";
  }

// onsubmit event handler
function submitted()
  {
  var result_area = document.getElementById("result");
  result_area.value = "submit event occurred";
  // return false.  This return value is passed on by the onsubmit JavaScript code
  //   in the html sourse.  The return of false from onsubmit prevents the
  //   submittion of the form.  This is uaually used when there is an omission or error
  //   in the user's input values.  Here we use it to just prevent submission, because
  //   there is no program to process a submitted form.
  return false;
  }

// onreset event handler
function recession()
  {
  var result_area = document.getElementById("result");
  result_area.value = "reset event occurred";
  }

// onfocus event handler
function focused()
  {
  var result_area = document.getElementById("result");
  result_area.value = "focus event occurred";
  }

// onblur event handler
function blurred()
  {
  var result_area = document.getElementById("result");
  result_area.value = "blur event occurred";
  }

// onchange event handler
function changed()
  {
  var result_area = document.getElementById("result");
  result_area.value = "change event occurred";
  }

// onselect event handler
function selected()
  {
  var result_area = document.getElementById("result");
  result_area.value = "select event occurred";
  }