Difference between revisions of "Event Watcher"

From Level Access Web Labs
Jump to navigation Jump to search
Line 36: Line 36:
 
var elements = ['s1','i1','b1','a1'];
 
var elements = ['s1','i1','b1','a1'];
 
var el;
 
var el;
 +
 
for (var i=0; i< elements.length; i++) {
 
for (var i=0; i< elements.length; i++) {
 
   console.log(elements[i]);
 
   console.log(elements[i]);
 +
  console.log(i);
 
   el = document.getElementById(elements[i]);
 
   el = document.getElementById(elements[i]);
 
   el.addEventListener("touchstart", test, false);
 
   el.addEventListener("touchstart", test, false);
Line 70: Line 72:
 
     <button onfocus="test(event);" id="b1"> Do nothing </button>
 
     <button onfocus="test(event);" id="b1"> Do nothing </button>
  
     <a aria-label="SSB" tabindex="0" href="http://www.ssbbartgroup.com" id="a1">SSB </a>
+
     <a aria-label="SSB" tabindex="0" href="#" id="a1">SSB </a>
 
      
 
      
 
   <h3>Log area</h3>
 
   <h3>Log area</h3>

Revision as of 15:48, 26 February 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

SSB

Log area