该如何将mouseover 两个div叠在一起呢，有什么好的办法么？

Question

如图，我是在一个input上增加了一个i标签的图案要求是鼠标移动到输入框上时，i标签从隐藏变为显示但是在使用mouseover 和mouseout，鼠标移动到输入框上时确实能显示i标签，但是移动到i标签上时，判断触发mouseout，i标签消失，但是我实际需要的是移出输入框才触发mouseout，请问这个该怎么处理

Answer 1

你应该把mouseover和mouseout事件绑定到input的父元素上（没有的话就加一个），这个元素包含input和i标签，这样当鼠标在这个父元素的范围内移动时，i标签都不会消失了。

Answer 2

<script>&nbsp;&nbsp;window.onload=function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;divs&nbsp;=&nbsp;document.getElementsByTagName("div");&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i=0;i<divs.length;i++){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ee[i].onmouseover=function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("ok！");}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</script>&nbsp;1、&nbsp;&nbsp;<div>&nbsp;&nbsp;&nbsp;&nbsp;<div></div>&nbsp;&nbsp;</div>&nbsp;&nbsp;如果div是这样布局的下面的div也会触发事件；&nbsp;2、&nbsp;<div&nbsp;style="float:left;"></div>&nbsp;<div></div>&nbsp;&nbsp;如果是这样布局&nbsp;只触发最上面的div事件；