Difference between revisions of "Event Watcher"

From Level Access Web Labs
Jump to navigation Jump to search
Line 1: Line 1:
 
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.
 
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
+
* onfocus, onblur
* onblur
+
* onclick, ondbclik
* onclick
+
* onmouseup, onmousedown
* ondbclik
+
* onkeypress, onkeydown, onkeyup
* onmouseup
+
* touchstart, touchend
* onkeypress
+
* touchmove, touchcancel
* onkeydown
 
  
 
<html>
 
<html>
Line 27: Line 26:
 
       function run() {
 
       function run() {
 
           var d = document.createElement("div");
 
           var d = document.createElement("div");
          var t = document.createTextNode("hello");
+
          var t = document.createTextNode("hello");
          d.appendChild(t);
+
          d.appendChild(t);
 
           document.getElementById("d1").appendChild(d);
 
           document.getElementById("d1").appendChild(d);
 +
      }
 +
      function setup() {
 +
  el.addEventListener("touchstart", handleStart, false);
 +
  el.addEventListener("touchend", handleEnd, false);
 +
  el.addEventListener("touchcancel", handleCancel, false);
 +
  el.addEventListener("touchmove", handleMove, false);
 
       }
 
       }
 
     </script>
 
     </script>
Line 44: Line 49:
 
     <button onfocus="test(event);" onblur="test(event);" onclick="test(event);" ondbclick="test(event);" onmouseup="test(event);"  onkeypress="test(event);"> Test </button>
 
     <button onfocus="test(event);" onblur="test(event);" onclick="test(event);" ondbclick="test(event);" onmouseup="test(event);"  onkeypress="test(event);"> Test </button>
 
     <a aria-label="jason" tabindex="0" href="#" id="a1" onfocus="test(event);" onblur="test(event);" onclick="test(event);" ondbclick="test(event);" onmouseup="test(event);"  onkeydown="test(event);" aria-haspopup="true" onkeypress="test(event);">op</a>
 
     <a aria-label="jason" tabindex="0" href="#" id="a1" onfocus="test(event);" onblur="test(event);" onclick="test(event);" ondbclick="test(event);" onmouseup="test(event);"  onkeydown="test(event);" aria-haspopup="true" onkeypress="test(event);">op</a>
     <h3>Log area</h3>
+
      
     <div id="d1" aria-live="polite" >
+
  <h3>Log area</h3>
 +
     <div id="d2" aria-live="polite" >
  
 
     </div>
 
     </div>

Revision as of 15:36, 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
  • onkeypress, onkeydown, onkeyup
  • touchstart, touchend
  • touchmove, touchcancel

op

Log area