js onmouseover onmouseout，单击可触发且onmouseout还可以通过将鼠标移出浏览器，再移入body里即可触发
代码如下：<body><divid="holder"style="width:200px;height:100px;border:solid1px#000;cursor:...
代码如下：
<body>
<div id="holder" style="width:200px;height:100px;border:solid 1px #000;cursor:pointer;margin:0px;">
holder
</div>
<div id="toolTipBox" style="width:100px;height:60px;line-height:60px;text-align:center;display:none;">
Hi,toolTip;
</div>
<script>
var holder = document.getElementById("holder");
var toolTipBox = document.getElementById("toolTipBox");
holder.onmouseover = function(){
if(toolTipBox.style.display === "none"){
toolTipBox.style.display="block";
}
}
holder.onmouseout = function(){
toolTipBoxHide();
}
function toolTipBoxHide(){
alert("hide");
console.log("holder.onmouseout");
if(toolTipBox.style.display === "block"){
toolTipBox.style.display = "none";
}
}
</script>
</body>
怪了，一向给力的chrome出现了上述的问题。但是我刚才用ie8打开，反而正常了。。。。 展开
<body>
<div id="holder" style="width:200px;height:100px;border:solid 1px #000;cursor:pointer;margin:0px;">
holder
</div>
<div id="toolTipBox" style="width:100px;height:60px;line-height:60px;text-align:center;display:none;">
Hi,toolTip;
</div>
<script>
var holder = document.getElementById("holder");
var toolTipBox = document.getElementById("toolTipBox");
holder.onmouseover = function(){
if(toolTipBox.style.display === "none"){
toolTipBox.style.display="block";
}
}
holder.onmouseout = function(){
toolTipBoxHide();
}
function toolTipBoxHide(){
alert("hide");
console.log("holder.onmouseout");
if(toolTipBox.style.display === "block"){
toolTipBox.style.display = "none";
}
}
</script>
</body>
怪了，一向给力的chrome出现了上述的问题。但是我刚才用ie8打开，反而正常了。。。。 展开
1个回答
展开全部
onmouseover 鼠标移到某元素之上。
onmouseout 鼠标从某元素移开。
但是如果放在body（全屏的话）上，鼠标永远都停留在body上，那么onmouseover有反应，onmouseout没有反应，因为鼠标从来没有移开过body!
onmouseout 鼠标从某元素移开。
但是如果放在body（全屏的话）上，鼠标永远都停留在body上，那么onmouseover有反应，onmouseout没有反应，因为鼠标从来没有移开过body!
追问
看代码，我没有放在body上边，我放在了一个div上
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
