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

Question

请看看这两个演示：

http://jsfiddle.net/fVbeV/

和

http://jsfiddle.net/8uPWG/

在演示1中，如果您将鼠标悬停在灰色矩形上方，则会收到“in”警报，当您将鼠标悬停时，您会在Chrome中收到警告“out”。但是在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/