鼠標事件，我的代碼有什么問題
[英]mouse events, whats wrong in my code
問題描述
在html部分我不想包含事件相關代碼，事件相關代碼應該在腳本標簽內
<!doctype html> <head> <style> div{ width:200px; background-color:grey; } </style> <body> <p>use the below area for events</p> <div> point here </div> <a id="event_output"></a> <script> var output=document.getElementById("event_output").innerHTML; var div=document.getElementsByTagName("div"); div[0].onmouseover=function(){output="mouse over"} div[0].onmouseout=function(){output="mouse out"} </script> </body>
1 個解決方案
解決方案1
2 已采納 2016-05-01 15:52:27
您只是在更新作為字符串的output變量。 而是存儲對象引用並設置其innerHTML屬性。
<style> div { width: 200px; background-color: grey; } </style> <p>use the below area for events</p> <div>point here</div> <a id="event_output"></a> <script> var output = document.getElementById("event_output"); var div = document.getElementsByTagName("div"); div[0].onmouseover = function() { output.innerHTML = "mouse over" } div[0].onmouseout = function() { output.innerHTML = "mouse out" } </script>
我的代碼有什么問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.