javascript - HTML テーブルは、TD 間のマウス移動で mouseOut をトリガーします

Question

テーブルに mouseOut イベント ハンドラーを設定しましたが、マウスを TD 上に移動するとイベントがトリガーされます。TD 間のテーブルのちらつきを防ぐ方法は? http://jsfiddle.net/2ZRBx/

Answer 1

現在使用しているインラインイベントトリガーの代わりに、jQueryEventAPIを使用します。jQuery APIを使用すると、正しく機能します。jQuery1.7.1を使用しているので：

jQuery(function($) {
    $("#t").on('mouseleave', function() {
        $(this).effect("pulsate", { times:1}, 200);
    });
}​);​

例： http： //jsfiddle.net/2ZRBx/6/

Answer 2

jQuery を使用しているため、インライン JavaScript を削除して、次のようにします。

function go2() {
    $("#t").effect("pulsate", {
        times: 1
    }, 200);
}
$('#t').mouseleave(function() {
    go2();
});​

jsFiddle の例。

Answer 3

テーブルを div でラップし、その div に mouseout イベントを配置します。