Difference between revisions of "Event Watcher"
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 |
| − | + | * onclick, ondbclik | |
| − | * onclick | + | * onmouseup, onmousedown |
| − | + | * onkeypress, onkeydown, onkeyup | |
| − | * onmouseup | + | * touchstart, touchend |
| − | * onkeypress | + | * touchmove, touchcancel |
| − | * | ||
<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"); | |
| − | + | 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=" | + | <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
