- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head>
- <title>test</title>
- <script language="javascript" type="text/javascript">
- window.onload = function()
- {
- var oImg = document.getElementById("myImg");
- oImg.onclick = handle;
- oImg.onmouseover = handle;
- }
- function handle(oEvent)
- {
- var oDiv = document.getElementById("display");
- //處理瀏覽器兼容性,獲得事件對象
- if(window.event) //判斷是否爲IE瀏覽器
- {
- oEvent = window.event;
- }
- if(oEvent.type == "click")
- {
- oDiv.innerHTML += "點擊<br>";
- }
- if(oEvent.type == "mouseover")
- {
- oDiv.innerHTML += "移動<br>";
- }
- }
- </script>
- </head>
- <body>
- <img id="myImg" src="test.gif" />
- <div id="display"></div>
- </body>
- </html>
通用JS事件寫法
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.