Проверьте, сделан ли клик на всей HTML-странице, содержащей Javascript

Question

В настоящее время я разрабатываю веб-приложение, использующее HTML и JavaScript. У меня проблема с моими списками, и теперь мне нужно проверить, нажата ли нажатая кнопка на моей странице.

Дело в том, что, когда я использую JavaScript, чтобы проверить, сделан ли клик, он неправильно проверяет мою область JavaScript.

$("html").click(function() 
    { 
     alert("Click"); 
    }); 

У меня есть область, которая может быть втянута с кнопки - (минус), что я сделал, это означает, что это динамический. Когда эта область видна, каждый раз, когда я нажимаю на нее, она не считается кликом на моей HTML-странице (поскольку .click, похоже, не нравится динамический материал).

У вас есть идея, как я могу проверить, сделан ли клик, везде на моей странице, за исключением одного места.

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

Если это может вам помочь, ящики, которые не распознаются щелчком, содержатся в таблице и в теле. Помогает ли эта информация упростить?

Answer 1

Ваша функция должна работать для кликов по всей странице.

Что вам нужно, это аналогичный обработчик, который прослушивает ваш регион. Этот обработчик кликов должен return false, чтобы предотвратить работу первого. Для того, чтобы связать этот щелчок обработчик даже к новым, динамически создаваемых элементов DOM, используйте on() с селектором CSS и создать новые элементы с классом (например, special)

$(document) 
    .on("click", ".special", function() { 
    alert("Click on special div"); 
    return false; 
    }) 
    .on("click", function() { 
    alert("Click elsewhere"); 
    }); 

Смотрите мою скрипку: https://jsfiddle.net/efckqng0/1

Answer 2

Отдай класс, и проверить его соответствующим образом, захватив только клики, которые не соответствуют этот класс:

$('html').click(function(e) { 
    if(!$(e.target).hasClass("thisClass")) 
{ 
    alert("you clicked outside the red!"); 
} 
});  

Вот скрипка: http://jsfiddle.net/0nvgdm1j/1/