Определите, был ли нажат элемент?

Question

Как определить, был ли элемент нажат с помощью jQuery?

Что-то вроде $('.ele').is(':clicked');

Я застрял с JQuery 1.7.2, и то, что я пытаюсь сделать, это заставить закрытие некоторых модальных элементов, когда в любом месте документа нажата и один уже открыт.

Так что я получил:

$('body').on('click', function() { 
    if ($('.calc-info').is(':visible') && !$('.mi').is(':clicked')) { 
     $('.calc-info').fadeOut('fast'); 
    } 
}); 

но выдает ошибку, потому что нет :clicked выражение

Примечания

• .calc-info не является модальным
• .mi является нажмите, чтобы открыть указанный модальный

Answer 1

ли это наоборот, проверить, если щелкнуть мышью элемент (event.target) соответствует селектор

$('body').on('click', function (event) { 
    if ($(event.target).is('.ele')) { 
     // do stuff 
    } 
}); 

В вашем случае я бы с

$('body').on('click', function (event) { 
    if ($('.calc-info').is(':visible') && 
     !($(event.target).closest('.mi').length) 
     ) { 
      $('.calc-info').fadeOut('fast'); 
    } 
}); 

Answer 2

проверки Just имеет ли щелчок elementclass, который должен быть исключен. и его просто вид short circuit реализации. Следующий код блокирует ненужный dom traversal, если пользователь нажимает прямо на целевой элемент.

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

$('body').on('click', function (e) { 
    if ($('.calc-info').is(':visible') 
    && !$(e.target).hasClass('mi') 
    && !$(e.target).parents('.mi').length) { 

     $('.calc-info').fadeOut('fast'); 

    } 
}); 

Answer 3

Попробуйте что-то вроде этого.

$('mi').on('click', function() { 
$('mi').attr('rel',"clicked"); 
}); 
$('body').on('click', function() { 
if ($('.calc-info').is(':visible') && !$('.mi').attr('rel')=='clicked') { 
    $('.calc-info').fadeOut('fast'); 
} 
});`