jQuery focusOut за исключением if

Question

Я просто хочу скрыть div, если текстовое поле теряет фокус, если только пользователь не щелкнет в другом определенном div. Если пользователь нажимает на этот конкретный div, тогда фокус не вызывает скрытие div.box.

Ниже приведен код с комментариями псевдокода. Есть идеи?

textInput.focusout(function() { 
    // So long you didn't click div.stop, then 
     $('div.box').hide(); 
}); 

Answer 1

var flag = false; 

$('div.stop').click(function() {flag = true;}); 
textInput.focusout(function() { 
    // So long you didn't click div.stop, then 
    if(!flag) 
     $('div.box').hide(); 
}); 

Если вы хотите, чтобы избежать добавлений переменного флага, вы можете использовать JQuery-х .data для хранения значения флага против, например, div.stop элемент, например:

$('div.stop').click(function() {$(this).data('clicked', true);}); 

// ... 

    if(!$('div.stop').data('clicked')) 
// ... 

EDIT

Если вы хотите, чтобы в ситуации, когда текстовое поле имеет фокус, и вы затем нажмите на div.stop, и вы не хотите его скрыть, то вы могли бы попробовать что-то вроде:

$('div.stop').click(function() {$('div.box').stop();}); 
textInput.focusout(function() { 
    // So long you didn't click div.stop, then 
    $('div.box').delay(200).hide(); 
}); 

Answer 2

var flag = false; 
$('#inputID').blur(function(){ 
    $('div.box').toggle(flag);  
}); 

$('#someDIVid').click(function(){ 
    flag = true; 
}); 

simple demo

добавлены ноты:

.toggle (showOrHide)

showOrHide логическое значение, указывающее, следует ли отображать или скрывать элементы. Если этот параметр равен true, то отображаются соответствующие элементы ; если false, элементов скрыты.

Answer 3

$(document).bind('click',function(e) { 
    if ($(e.target).closest('div.box').length) return; 
    $('div.box').hide(); 
}); 

Попробуйте это!