通用JS事件写法

  1. <html xmlns="http://www.w3.org/1999/xhtml" >
  2. <head>
  3.     <title>testtitle>
  4.     <script language="javascript" type="text/javascript">
  5.         window.onload = function()
  6.         {
  7.             var oImg = document.getElementById("myImg");
  8.             oImg.onclick = handle;
  9.             oImg.onmouseover = handle;
  10.         }
  11.         function handle(oEvent)
  12.         {
  13.             var oDiv = document.getElementById("display");
  14.             
  15.             //处理浏览器兼容性,获得事件对象
  16.             if(window.event)    //判断是否为IE浏览器
  17.             {
  18.                 oEvent = window.event;
  19.             }
  20.             
  21.             if(oEvent.type == "click")
  22.             {
  23.                 oDiv.innerHTML += "点击<br>";
  24.             }
  25.             if(oEvent.type == "mouseover")
  26.             {
  27.                 oDiv.innerHTML += "移动<br>";
  28.             }
  29.         }
  30.     script>
  31. head>
  32. <body>
  33.     <img id="myImg" src="test.gif" />
  34.     <div id="display">div>
  35. body>
  36. html>

你可能感兴趣的:(JavaScript)