activity-listener
Version:
Respond to ui-events before or after ordinary event-handlers do
48 lines (45 loc) • 1.92 kB
HTML
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script src="event-types.js"></script>
<script src="../dist/activityListener.js"></script>
<link href="./demo.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<h1>Activity Listener</h1>
</header>
<main>
<header>
<button id="watched" type="button" tabindex="1">Treat me!</button>
</header>
<article>
<h4>Ahead of event</h4>
<label><input type="checkbox" id="simple_ahead">Simple Ahead</label>
<label><input type="checkbox" id="stopping_ahead">Stopping Ahead</label>
<label><input type="checkbox" id="faulty_handler">Faulty</label>
</article>
<article>
<h4>Common Action</h4>
<label><input type="checkbox" id="simple_action">Simple Action</label>
<label><input type="checkbox" id="stopping_action">Stopping Action</label>
</article>
<article>
<h4>Event Done</h4>
<label><input type="checkbox" id="instant_done">Instant</label>
<label><input type="checkbox" id="default_done">Default Done</label>
<label><input type="checkbox" id="delayed_done">Delayed</label>
</article>
<footer>
<h4>Operational mode</h4>
<button id="pause" type="button" tabindex="-1">Pause</button>
<button id="resume" type="button" tabindex="-1">Resume</button>
<h4>Log</h4>
<textarea ondblclick="this.value=''" tabindex="2"></textarea>
doubleclick textarea to clear
</footer>
</main>
<script src="demo.js"></script>
</body>
</html>