events/demo/mousemove.html

<!DOCTYPE HTML>
<title>Events</title>
<style>
  #eventarea {
    background-color: blue;
    min-height: 9em;
  }
  li code:first-child {
    font-weight: bolder;
  }
</style>

<div id=eventarea>

  agewagea g awtg at gages w43t 434 gsa re tag bw t4 4q4tg4 t4wa
  3gv enw 4a g4w t4wa aegfe rr r agewagea g awtg at gages w43t 434 gsa
  re tag bw t4 4q4tg4 t4wad 3gv enw 4a g4w t4wa aegfe rr ragewagea g
  awtg at gages w43t 434 gsa re tag bw t4 4q4tg4 t4wa 3gv enw 4a g4w.

  <p>awtg at gages w43t 434 gsa re tag bw t4 4q4tg4 t4wa 3gv enw 4a g4w
  t4wa aegfe rr ragewagea g awtg at gages w43t 434 gsa re tag bw t4
  4q4tg4 t4wa 3gv enw 4a g4w t4wa aegfe rr ragewagea g awtg at gages
  w43t 434 gsa re tag bw t4 4q4tg4 t4wa 3gv enw 4a g4w t4wa aegfe rr

  <p><input pattern="[^0-9]+"> <select><option>a<option>b</select>

  <p>t4wa aegfe rr ragewagea g awtg at gages w43t 434 gsa re tag bw t4
  4q4tg4 t4wa 3gv enw 4a g4w t4wa aegfe rr ragewagea g awtg at gages
  re tag bw t4 4q4tg4 t4wa3gv enw 4a g4w t4wa aegfe rr r.
</div>

<ul id=events></ul>

<script>
  var target = document.getElementById ('eventarea');
  var results = document.getElementById ('events');

  if (target.addEventListener) {
    var add = function (event, code) {
      target.addEventListener (event, code, false);
    }; // add
  } else if (target.attachEvent) {
    var add = function (event, code) {
      target.attachEvent ('on' + event, code);
    }; // add
  }

  var handleEvent = function (event) {
    var ev = event || window.event;
    var li = document.createElement ('li');
    li.appendChild (document.createElement ('code')).appendChild (document.createTextNode (ev.type));
    li.appendChild (document.createTextNode (' '));
    li.appendChild (document.createElement ('code')).appendChild (document.createTextNode (ev.clientX));
    li.appendChild (document.createTextNode (','));
    li.appendChild (document.createElement ('code')).appendChild (document.createTextNode (ev.clientY));
    results.insertBefore (li, results.firstChild);
  };

  for (var e in {
    'mousemove':0
  }) {
    add (e, handleEvent);
  }
</script>
1	wakaba	1.1	<!DOCTYPE HTML>
2			<title>Events</title>
3			<style>
4			#eventarea {
5			background-color: blue;
6			min-height: 9em;
7			}
8			li code:first-child {
9			font-weight: bolder;
10			}
11			</style>
12
13			<div id=eventarea>
14
15			agewagea g awtg at gages w43t 434 gsa re tag bw t4 4q4tg4 t4wa
16			3gv enw 4a g4w t4wa aegfe rr r agewagea g awtg at gages w43t 434 gsa
17			re tag bw t4 4q4tg4 t4wad 3gv enw 4a g4w t4wa aegfe rr ragewagea g
18			awtg at gages w43t 434 gsa re tag bw t4 4q4tg4 t4wa 3gv enw 4a g4w.
19
20			<p>awtg at gages w43t 434 gsa re tag bw t4 4q4tg4 t4wa 3gv enw 4a g4w
21			t4wa aegfe rr ragewagea g awtg at gages w43t 434 gsa re tag bw t4
22			4q4tg4 t4wa 3gv enw 4a g4w t4wa aegfe rr ragewagea g awtg at gages
23			w43t 434 gsa re tag bw t4 4q4tg4 t4wa 3gv enw 4a g4w t4wa aegfe rr
24
25			<p><input pattern="[^0-9]+"> <select><option>a<option>b</select>
26
27			<p>t4wa aegfe rr ragewagea g awtg at gages w43t 434 gsa re tag bw t4
28			4q4tg4 t4wa 3gv enw 4a g4w t4wa aegfe rr ragewagea g awtg at gages
29			re tag bw t4 4q4tg4 t4wa3gv enw 4a g4w t4wa aegfe rr r.
30			</div>
31
32			<ul id=events></ul>
33
34			<script>
35			var target = document.getElementById ('eventarea');
36			var results = document.getElementById ('events');
37
38			if (target.addEventListener) {
39			var add = function (event, code) {
40			target.addEventListener (event, code, false);
41			}; // add
42			} else if (target.attachEvent) {
43			var add = function (event, code) {
44			target.attachEvent ('on' + event, code);
45			}; // add
46			}
47
48			var handleEvent = function (event) {
49			var ev = event \|\| window.event;
50			var li = document.createElement ('li');
51			li.appendChild (document.createElement ('code')).appendChild (document.createTextNode (ev.type));
52			li.appendChild (document.createTextNode (' '));
53			li.appendChild (document.createElement ('code')).appendChild (document.createTextNode (ev.clientX));
54			li.appendChild (document.createTextNode (','));
55			li.appendChild (document.createElement ('code')).appendChild (document.createTextNode (ev.clientY));
56			results.insertBefore (li, results.firstChild);
57			};
58
59			for (var e in {
60			'mousemove':0
61			}) {
62			add (e, handleEvent);
63			}
64			</script>