Как определить что кликнул на нужный элемент?

Question

[Nohaga]

var alerte = $('.alerte.active'); 
$('body').on('click', function(e)
{
    if (alerte.has(e.target).length===0) {}
});

пытаюсь так определить, но так не работает по нормальному.
Как сделать чтоб всегда работало и когда кликаеш на сам элемент и когда на дочерние элементы.

Мне нужно именно проверку на выполнение условия, а не отдельную функцию на клик элемента.

Answer 1

[ReaverJS]

$('body').on('click', '.alerte.active', function() {
    // do something
});

Еще лучше - вообще не вешать эвенты на body.

$('.alerte.active').on('click', function(e)
{
    // do something
});

Как сделать чтоб всегда работало и когда кликаеш на сам элемент и когда на дочерние элементы.

Так и работает.

Comments

[Nohaga]

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

[ReaverJS]

Nohaga, ну тогда смотрите по event.target

[Nohaga]

ReaverJS,

<div class="alerte active">
	<span></span>
</div>

так не работает если клинуть на дочернем span

[ReaverJS]

Nohaga, а ну да) Надо смотреть кто таргет по батюшке. А почему именно с условием должно быть?

[Nohaga]

ReaverJS, потому что условий срабатывания несколько и проверка идёт по нескольким условиям и так удобнее получается, чем разные функции клика создавать

[ReaverJS]

Nohaga, ну хотя бы можно не к body цеплять? А то при каждом клике - все ваши условия будут проверяться. Да и смотрю на это и как-то не уверен, что удобней будет)
Вот вариант:

Answer 2

[Арсений Матыцин]

Ты пытаешься словить всплывающее событие по элементам. Вот, почитай. Чтобы такой проблемы не было, используй то, что предложил ReaverJS во втором варианте. Единственное что, тут будет нюанс, при наличии нескольки таких элементов логика может (помним, что это все же js) сломаться, поэтому лучше проверять на длину элементов с таким набором классов и каждому давать отслеживающее события клика. Ну или же повесить прямо в html onclick.

Если же проблема все же в глубокой настройке, то рекомендую вернуться в ссылке на статью про всплывающие события и перехват, они в самом начале этого ответа. Или почитать, как это происходит средствами jQuery, ведь, как я понял по синтаксису это он (не факт, ибо мода на запись через $ пошла дальше его).