2

スクロールバー付きの iframe を含む div ボックスで hover または mouse enter イベントを使用しようとすると、IE9 で次の問題が見つかります。

  1. マウスをボックスに近づけてスクロールバーの外部「境界」を押すと、「マウス入力」イベントが発生します。

  2. スクロールバーに移動し続けると、スクロールバーがボックスの一部ではないかのように「マウスを離す」イベントが発生します。

  3. スクロールバーを離れてボックスに入ると、「マウス入力」イベントが再び発生します。

ボックスの残りの部分として iframe のスクロールバーを機能させるにはどうすればよいですか? Firefox では問題なく動作します。

HTML

<div class="hover_point">
    <iframe height="250" width="250" src="www.20minutos.es"/>       
</div>

CSS

<style>
    .hover_point{width: 250px; height:250px}
</style>

JS

$(".hover_point").hover(function () {
    alert("hover");             
},
function () {
    alert("no hover")
});

ここにフィドルがありますhttp://jsfiddle.net/kFUYp/

4

1 に答える 1