Difference between revisions of "Event Watcher"

From Level Access Web Labs
Jump to navigation Jump to search
Line 11: Line 11:
 
   <head>
 
   <head>
 
   <style type="text/css">
 
   <style type="text/css">
     #a1:before {
+
     #a1::before {
       content('t');
+
       content: "t";
 
     }
 
     }
 
   </style>
 
   </style>
Line 37: Line 37:
 
     <input title="Entry" type="text" onfocus="test(event);" onblur="test(event);" onclick="test(event);" ondbclick="test(event);" onmouseup="test(event);"  onkeypress="test(event);" onchange="test(event);"/>
 
     <input title="Entry" type="text" onfocus="test(event);" onblur="test(event);" onclick="test(event);" ondbclick="test(event);" onmouseup="test(event);"  onkeypress="test(event);" onchange="test(event);"/>
 
     <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 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);"></a>
+
     <a 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);"></a>
 
     <h3>Log area</h3>
 
     <h3>Log area</h3>
 
     <div id="d1" aria-live="polite" >
 
     <div id="d1" aria-live="polite" >

Revision as of 13:57, 10 August 2015

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
  • onkeypress
  • onkeydown

Log area