鼠标事件，我的代码有什么问题

Question

In the html part I don't want to include the events related code, events related code should be in inside the script tag在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>

Answer 1

You are just updating the output variable which is a string.您只是在更新作为字符串的output变量。 Instead store the object reference and set its innerHTML property.而是存储对象引用并设置其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>

鼠标事件，我的代码有什么问题

问题描述

1 个解决方案

解决方案1
2 已采纳 2016-05-01 15:52:27

鼠标事件，我的代码有什么问题

问题描述

1 个解决方案

解决方案1 2 已采纳 2016-05-01 15:52:27

解决方案1
2 已采纳 2016-05-01 15:52:27