Difference between revisions of "Event Watcher"

From Level Access Web Labs
Jump to navigation Jump to search
Line 11: Line 11:
 
   <style type="text/css">
 
   <style type="text/css">
 
     #a1::before {
 
     #a1::before {
       content: "t";
+
       content: "Our ";
 
     }
 
     }
 
   </style>
 
   </style>
 +
 
     <script type="text/javascript">
 
     <script type="text/javascript">
       document.onload = run();
+
       document.onload = setup();
 
        
 
        
 
       function test(e) {
 
       function test(e) {
Line 22: Line 23:
 
           var t = document.createTextNode(evt.type+" " +evt.target);
 
           var t = document.createTextNode(evt.type+" " +evt.target);
 
           d.appendChild(t);
 
           d.appendChild(t);
           document.getElementById("d1").appendChild(d);
+
           document.getElementById("d2").appendChild(d);
 
       }
 
       }
 +
 
       function run() {
 
       function run() {
 
           var d = document.createElement("div");
 
           var d = document.createElement("div");
Line 30: Line 32:
 
           document.getElementById("d1").appendChild(d);
 
           document.getElementById("d1").appendChild(d);
 
       }
 
       }
 +
 
       function setup() {
 
       function setup() {
 
var elements = ['s1','i1','b1','a1'];
 
var elements = ['s1','i1','b1','a1'];

Revision as of 15:44, 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