javascript - 检查鼠标是否在 div 内

Question

我想使用 if 语句来检查鼠标是否在某个 div 内，如下所示:

if ( mouse is inside #element ) {
 // do something
} else {
 return;
}

这将导致函数在鼠标在#element 内部时启动，在鼠标在#element 外部时停止。

Answer 1

您可以注册 jQuery 处理程序:

var isOnDiv = false;
$(yourDiv).mouseenter(function(){isOnDiv=true;});
$(yourDiv).mouseleave(function(){isOnDiv=false;});

没有 jQuery 替代品:

document.getElementById("element").addEventListener("mouseenter", function(  ) {isOnDiv=true;});
document.getElementById("element").addEventListener("mouseout", function(  ) {isOnDiv=false;});

和其他地方:

if ( isOnDiv===true ) {
 // do something
} else {
 return;
}