onmouseover onmouseout事件问题_html/css_WEB-ITnose

onmouseover

光标移到DIV1上显示DIV2，移开时隐藏。当然，当光标在DIV2上时该DIV也要显示。

问题是，DIV2上有个下拉框，当点击下拉框，选择里面的选项时，DIV2会消失。

如何拯救啊？

回复讨论(解决方案)

补充DEMO代码如下：

<title></title>    <div>        鼠标移到这里显示另一个DIV    </div>    <div>         <select>            <option>1</option>            <option>2</option>            <option>3</option>        </select>           随便写一些内容        <br>        这里是需要显示的DIV    </div><script>    function ShowDiv() {        document.getElementById('div2').style.display = 'block';    }    function HideDiv() {        document.getElementById('div2').style.display = 'none';    }</script>

DIV2在DIV1外面啊，当然会隐藏了，你应该把DIV2覆盖在DIV1上面。

DIV2在DIV1外面啊，当然会隐藏了，你应该把DIV2覆盖在DIV1上面。

我觉得这跟DIV1关系不大，DIV1只是为了能触发显示DIV2的

关键在点击DIV2里的下拉框后，好像就被认为是光标移出了DIV2，这样就触发了DIV2里的onmouseout，所以就隐藏了。

你有没有发现按照你的div排版来做，你的第二格div是显示在第一个div下面的。

你有没有发现按照你的div排版来做，你的第二格div是显示在第一个div下面的。

是的，显示在哪里不要紧，这只是个DEMO，为了说明问题。你把光标移到DIV2上DIV2还是显示的吧，但点击DIV2里面的下拉框就隐藏了。

    <div>        鼠标移到这里显示另一个DIV    </div>    <div>         <select>            <option>1</option>            <option>2</option>            <option>3</option>        </select>           随便写一些内容        <br>        这里是需要显示的DIV    </div>

前端入门到VUE实战笔记：立即学习
>在学习笔记中，你将探索 前端 的入门与实战技巧！