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	<!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>