HTML 表在 TD 之间移动鼠标时触发鼠标输出

HTML table triggers mouseOut on mouse move between TDs

本文关键字:鼠标 输出 移动 表在 TD 之间 HTML      更新时间:2023-09-26

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

使用 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/

由于您使用的是jQuery,因此我将删除内联JavaScript并执行以下操作:

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

jsFiddle 示例

表包装在div 中,然后将鼠标退出事件放在该div 上。