topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

professional-javascript-09-MouseEventsExample3.htm / htm



  <html>
      <head>
          <title>Mouse Events Example</title>
          <script type="text/javascript">
              function handleEvent(oEvent) {
                  var oTextbox = document.getElementById("txt1");
                  oTextbox.value += "\n>" + oEvent.type;
                  oTextbox.value += "\n    target is " + oEvent.srcElement.tagName;
                  
                  if (oEvent.fromElement) {
                      oTextbox.value += "\n    fromElement is " + oEvent.fromElement.tagName;
                  }
                  
                  if (oEvent.toElement) {
                      oTextbox.value += "\n    toElement is " + oEvent.toElement.tagName;
                  }
                  
                  
              }
          </script>
      </head>
      <body>
          <p>Use your mouse to click and double click the red square.</p>
          <div style="width: 100px; height: 100px; background-color: red"
               onmouseover="handleEvent(event)"
               onmouseout="handleEvent(event)"
               onmousedown="handleEvent(event)"
               onmouseup="handleEvent(event)"
               onclick="handleEvent(event)"
               ondblclick="handleEvent(event)" id="div1"></div>
          <p><textarea id="txt1" rows="15" cols="50"></textarea></p>
      </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.