Difference between revisions of "Event Watcher"

From Level Access Web Labs
Jump to navigation Jump to search
m
(Fix onkeyup typo, and add touchenter, touchleave and mouseout)
Line 47: Line 47:
 
   el.addEventListener("touchend", test, false);
 
   el.addEventListener("touchend", test, false);
 
   el.addEventListener("touchcancel", test, false);
 
   el.addEventListener("touchcancel", test, false);
 +
  el.addEventListener("touchenter", test, false);
 +
  el.addEventListener("touchleave", test, false);
 
   el.addEventListener("touchmove", test, false);
 
   el.addEventListener("touchmove", test, false);
 
   el.addEventListener("focus", test, false);
 
   el.addEventListener("focus", test, false);
 
   el.addEventListener("blur", test, false);
 
   el.addEventListener("blur", test, false);
 
   el.addEventListener("keypress", test, false);
 
   el.addEventListener("keypress", test, false);
   el.addEventListener("keypup", test, false);
+
   el.addEventListener("keyup", test, false);
 
   el.addEventListener("keydown", test, false);
 
   el.addEventListener("keydown", test, false);
 
   el.addEventListener("mouseover", test, false);
 
   el.addEventListener("mouseover", test, false);
 
   el.addEventListener("mousedown", test, false);
 
   el.addEventListener("mousedown", test, false);
 
   el.addEventListener("mouseup", test, false);
 
   el.addEventListener("mouseup", test, false);
 +
  el.addEventListener("mouseout", test, false);
 
   el.addEventListener("click", test, false);
 
   el.addEventListener("click", test, false);
 
   el.addEventListener("dbclick", test, false);
 
   el.addEventListener("dbclick", test, false);

Revision as of 03:32, 5 November 2016

Move through the fields below and watch the events that are sent by the browser. For example, use with AT to find out what events are being fired.

  • onfocus, onblur, onclick, ondbclik, onmouseup, onmousedown, onmouseover
  • onkeypress, onkeydown, onkeyup, touchstart, touchend, touchmove, touchcancel

Event types and their target object will be displayed in the section below. Raw event objects will also be logged to the browser console, and may be reviewed with the developer tools.

SSB

Log area