en.javascript.info/2-ui/4-forms-controls/2-focus-blur/5-keyboard-mouse/source.view/index.html
Ilya Kantor af0ee2a49e up
2017-03-18 14:46:13 +03:00

42 lines
477 B
HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style>
#mouse {
display: inline-block;
cursor: pointer;
margin: 0;
}
#mouse:focus {
outline: 1px dashed black;
}
</style>
</head>
<body>
<p>Click on the mouse and move it with arrow keys.</p>
<pre id="mouse">
_ _
(q\_/p)
/. .\
=\_t_/= __
/ \ (
(( )) )
/\) (/\ /
\ Y /-'
nn^nn
</pre>
<script>
// ...your code...
</script>
</body>
</html>