jquery – 在div之外禁用鼠标单击

嗨,我有一个表格的div.我希望当鼠标不在div时禁用点击事件.所以我尝试了这个,但它不工作ot的div仍然是可点击的.任何的想法？？

var flag = false;
$("#foo").live("mouseenter",function(){
    flag = true;
}).live("mouseleave",function(){
    flag = false;
})

$(document).click(function(){
    if(!flag)
         return false;
});

解决方法

您无法阻止从整个文档触发的click事件.您可以按元素进行.您可以使用绝对定位的透明(低不透明度)div来阻挡整个屏幕,并在div可见时再次隐藏它.

var $body = $(document.body);
var $div = $("<div id='dummyDiv'/>").hide().appendTo($body);
$div.css({position:"absolute",height: $body.height(),width: $body.width(),background: "#000",opacity: 0.5}).show(100);

//to hide it
$("#dummyDiv").hide(100);

原文地址：https://www.jb51.cc/jquery/178133.html