Difference between revisions of "Event Watcher"
Jump to navigation
Jump to search
| Line 11: | Line 11: | ||
<style type="text/css"> | <style type="text/css"> | ||
#a1::before { | #a1::before { | ||
| − | content: " | + | content: "Our "; |
} | } | ||
</style> | </style> | ||
| + | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| − | document.onload = | + | 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(" | + | 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
