clickEventPage.html 797 B

1234567891011121314151617181920212223242526
  1. <?xml version="1.0"?>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>Testing click events</title>
  5. <script type="text/javascript">
  6. function displayEvent(event) {
  7. var keys = ['x', 'y', 'clientX', 'clientY', 'pageX', 'pageY', 'screenX', 'screenY', 'shiftKey', 'ctrlKey'];
  8. var message = "<ul>";
  9. for (var i = 0; i < keys.length; i++) {
  10. message += "<li>" + keys[i] + ": <span id='" + keys[i] + "'>" + event[keys[i]] + "</span></li>";
  11. }
  12. message += "</ul>";
  13. document.getElementById('result').innerHTML = message;
  14. }
  15. </script>
  16. </head>
  17. <body>
  18. <div id="eventish" onclick="displayEvent(event);">
  19. Click me to view my coordinates
  20. </div>
  21. <div id="result" style="width:300;height:60">
  22. <p>&nbsp;</p>
  23. </div>
  24. </body>
  25. </html>