jquery - 超出 div 时禁用鼠标点击

Question

嗨，我有一个表单的 div。我希望当鼠标离开 div 时禁用单击事件。所以我尝试了这个，但它不起作用，div 仍然可以点击。有什么想法吗？？

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

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

Answer 1

您无法阻止整个文档触发单击事件。您可以根据每个元素进行操作。您可以使用绝对定位的透明(低不透明度)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);