javascript - HTML 表格在 TD 之间移动鼠标时触发 mouseOut

Question

我在桌子上设置了 mouseOut 事件处理程序，但是如果我将鼠标移到 TD 上，则会触发该事件。如何防止TD之间的表格闪烁？ http://jsfiddle.net/2ZRBx/

Answer 1

由于您使用的是 jQuery，我将删除内联 JavaScript 并执行以下操作：

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

jsFiddle 示例。

Answer 2

使用 jQuery Event API 而不是您现在使用的内联事件触发。如果您使用 jQuery API，它可以正常工作。由于您使用的是 jQuery1.7.1：

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

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

Answer 3

将表格包装在一个 div 中，然后将 mouseout 事件放在该 div 上。