javascript - 如何让鼠标在 iframe 中进出工作？

Question

请看一下这两个演示：

http://jsfiddle.net/fVbeV/

和

http://jsfiddle.net/8uPWG/

在演示 1 中，如果您将鼠标悬停在灰色矩形上，您会收到“进入”警报，而当您将鼠标悬停在外面时，您会在 Chrome 中收到“退出”警报。但是在 Firefox 中，您会收到一次“进入”警报，而在随后的悬停中永远不会“退出”或“进入”。

我可以让它在 Firefox 中工作吗？

演示 1：

<div id="myDiv" style="background:#ccc; width:728px; height:90px;">Hello World</div>

var $ = parent.jQuery,
    div = document.getElementById('myDiv');

if($ !== undefined) {
    $(div).on('mouseenter', function() {
        alert('in');        
    });
    $(div).on('mouseleave', function() {
        alert('out');        
    });
}

演示 2：

<iframe src="http://fiddle.jshell.net/8uPWG/show/" width="728" height="90" scrolling="no" frameborder="0"></iframe>

Answer 1

$(document).ready(function(){
    $("iframe").mouseenter(function(){
       alert("mouseneter"); 
    });
     $("iframe").mouseleave(function(){
       alert("mouseleave"); 
    });
});

这是演示http://jsfiddle.net/zF4Q3/