文章/答案/技术大牛

发布

社区首页 >问答首页 >"onmouseover“和"onmouseout”无效

问"onmouseover“和"onmouseout”无效
EN

Stack Overflow用户

提问于 2014-07-19 19:05:01

回答 1查看 4.6K关注 0票数 2

我在努力实现一些很简单的事情。每当用户在元素上徘徊时，我都希望运行一个JavaScript函数，使另一个div可见。我试着使用onmouseover和onmousedown来实现这一点，但它似乎没有按照我所希望的方式工作。

我设置了一个小提琴这里

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-19 19:10:42

为我工作得很好。

只需将javascript代码包装在<head>中即可。

如下所示：

<html>
<head>
<script type="text/javascript">
function showMenu() {
    document.getElementById("menu").style.display = "block";
}

function hideMenu() {
    document.getElementById("menu").style.display = "none";
}
</script>
</head>
<body>
<div id="button" onmouseover="showMenu()" onmouseout="hideMenu()"></div>
<div id="menu"></div>
</body>
</html>

http://jsfiddle.net/L4Hzw/8/

或者您可以使用：window.function_name=function(){ }使您的代码工作，而不需要将它包装在<head><script>中。

如下所示：

<script type="text/javascript">
window.showMenu=function() {
    document.getElementById("menu").style.display = "block";
}

window.hideMenu=function() {
    document.getElementById("menu").style.display = "none";
}
</script>

http://jsfiddle.net/L4Hzw/10/

在您的小提琴，它不工作，因为您是调用函数showMenu和hideMenu时，他们没有定义。因此，为了消除这种情况(为当前窗口中的当前文档定义它们)，我们可以在javascript中使用window.function_name=function(){ }，其中窗口是全局对象，引用文档父元素(方法2)。

或

我们可以在当前文档的<head>标记中预定义函数。(方法1)

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24843940

复制

相似问题

问"onmouseover“和"onmouseout”无效
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问"onmouseover“和"onmouseout”无效EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问"onmouseover“和"onmouseout”无效
EN