Difference between revisions of "Event Watcher"
Jump to navigation
Jump to search
Line 40: | Line 40: | ||
function setup() { | function setup() { | ||
− | var elements = ['s1','i1','b1','a1','d1','d2','d3','d4']; | + | var elements = ['s1','i1','b1','a1','d1','d2','d3','d4','r1']; |
var el; | var el; | ||
Line 87: | Line 87: | ||
<div id="d3" onclick="goSomewhere();" > | <div id="d3" onclick="goSomewhere();" > | ||
<div id="d4" >div area with no tabindex and delegate </div> | <div id="d4" >div area with no tabindex and delegate </div> | ||
+ | <input type="radio" id="r1"> | ||
</div> | </div> | ||
<h3>Log area</h3> | <h3>Log area</h3> |
Revision as of 00:39, 27 August 2019
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
div area with tabindex
div area with no tabindex
div area with no tabindex and delegate