js/j05event.php

<html>
 <head>
  <title> <?php echo basename(__file__, '.php'); ?> </title>
    <script type="text/javascript">
        function showEv(t, ev) {
            var ul = document.getElementById('evRes');
            var t = new Date().toISOString() + ' ' + t + ', event=' + String(ev);
            if (ev != null) {
                if (false)
                    for (p in ev)
                        t += ',  ' + p + '=' + String(ev[p]);
                t += ', clientXY=' + ev.clientX.toString() + ',' + ev.clientY + ', screenXY=' + ev.screenX + ',' + ev.screenY;
                t += ', target='+String(ev.target) + ',nodeName=' + ev.target.nodeName + ',name=' + ev.target.name + ',id='+ev.target.id +',inner='+ev.target.innerHTML;
            }
               var n = document.createElement('li');
            n.innerHTML = t;
              ul.insertBefore(n, ul.firstChild);
            }  
        window.onload = function () {showEv('window.onload', null);};
        window.onclick = function () {showEv('window.onclick', window.event);};

</script>
 </head>
<body>
<h1 onmouseover="showEv('h1.onmouseover', event);" >produce events</h1>
<input type="button" value="eins" onclick="showEv('button eins onclick', event);" />
<h1>event outputs</h1> 
<ul id="evRes">
<li>pseudo event in html</li>
</ul>
<h1>Source <?php echo __file__; ?> </h1>
<?php highlight_file(__file__) ?>
 </body>
</html>