js 鼠标事件不知道哪里错

小栗子hl 发布于 2014/12/15 19:31

阅读 184

我想实现一个功能鼠标单击一次，下拉列表显示，再单击一次该列表隐藏。写了如下代码，列表可以显示，但无法隐藏，求教

function mClick(){

if(document.getElementById("sidebar-dock").style.display=="none")
document.getElementById("sidebar-dock").style.display="block";
else document.getElementById("sidebar-dock").style.display="none";

}

加载中

雨翔河

2014/12/15 19:54

toggle方法可以满足你。

http://www.w3school.com.cn/jquery/effect_toggle.asp

评论 (1) 引用此答案举报

Exterme

2014/12/18 09:54

这是用 jquery 写的他那个明显是原 js好吧...

回复举报

hexintosh

2014/12/15 20:31

<div id="sidebar-dock">你看见我了</div>
<script type="text/javascript">
setInterval(mClick,300);
function mClick(){
    if(document.getElementById("sidebar-dock").style.display=="none") 
        document.getElementById("sidebar-dock").style.display="block"; 
    else document.getElementById("sidebar-dock").style.display="none"; 
}
</script>

测试可以啊。

评论 (1) 引用此答案举报

开源中国首席老王

2014/12/18 09:32

他说的是鼠标点击事件，你这是定时。这说明应该是鼠标点击的问题了。应该往事件冒泡那个方向考虑了。 ——还有看下是不是js文件引用了两次

回复举报

小栗子hl

2014/12/18 08:39

那我再瞅瞅，谢谢

评论 (1) 引用此答案举报

Exterme

2014/12/18 10:17

建议 if else 不要去掉 {} 如果觉得{} 不好看的话可以这样写 var csListE = document.getElementById('csList'); csListE.style.display = 'none' === csListE.style.display ? 'block' : 'none';

回复举报