不同元素之间共用一个onmouseover和onmouseout事件

Question

不同元素之间共用一个onmouseover和onmouseout事件
如：
<div id="div1"><div>
<div id="div2" style="display:none"><div>要求：
1、鼠标移入div1 ，div1的onmouseover事件触发，div2显示，鼠标移出div1 ，div1的onmouseout事件触发,div2隐藏
2、鼠标从div1移入div2时 div2不能隐藏，鼠标移出div2时 div2的onmouseout事件触发，div2隐藏急
  求人

Answer 1

不行
但是可以这样做
<div id="warp">
  <div>div1</div>
  <div style="display:none"></div>
</div>把事件放到warp里去做~~

Answer 2

一个简单的办法是div1的onmouseout后 不马上隐藏然后 等个1s
如果这个时候鼠标出触发了
div2的onmouseover则不隐藏

Answer 3

http://www.doyoe.com/model/xhtmlcss/menu/menu1/1.htm
看看他的源代码 你就明白了~

Answer 4

可以，ie中事件是从顶级元素逐级投递事件的，比如有一个div，里面包含一个anchor，当点击anchor时，div先产生onclick事件，然后anchor再产生onclick事件。我记得是这样，一会测试一下。

Answer 5

http://blog.csdn.net/hch126163/archive/2010/02/08/5298791.aspxhttp://blog.csdn.net/hch126163/archive/2010/12/02/6050485.aspxsetTimeout +  HTMLElement.prototype.contains可以实现这个效果

Answer 6

<div id="warp">
  <div>div1</div>
  <div style="display:none"></div>
</div>
可以用它onblur()来实现div1，div2的焦点问题，