divの範囲外でマウスがクリックされないようにする

Question

こんにちは、私はフォームの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); 

Answer 2

falseを返す使用のisteadので、あなたは、単にこれを行うことができれば、私はあなたが#foo代わりのdocumentにクリックをしたいと思いますe.preventDefault http://css-tricks.com/6809-return-false-and-prevent-default/

Answer 3

$("#foo").live("mouseenter",function(){ 
    $(document).bind('click', onDocumentClick); 
}).live("mouseleave",function(){ 
    $(document.unbind('click'); 
}); 

function onDocumentClick(e){ 

}; 

を使用します。

$('#foo').click(function(){ 

});

を

要素をクリックするとロールオーバーする必要があるので、これは正常に動作します。