Tengo un td como a continuación.
<td class="volunteer" id="422" data-select2-id="select2-data-422"> <select multiple="" data-select2-id="select2-data-1-dpng" tabindex="-1" class="select2-hidden-accessible" aria-hidden="true"> //more code here </select> <span class="select2 select2-container select2-container--default select2-container--below select2-container--focus" dir="ltr" data-select2-id="select2-data-2-ooba" style="width: 16px;"> //more code here </span> </td> Me gustaría detectar clics fuera de este td . Utilicé el siguiente código jQuery.
$(document).click(function (e) { alert('hello'); $('.volunteer *').unbind('click'); });Pero no está funcionando.
En primer lugar, agregaría el oyente a document.body y luego verificaría si el objetivo del evento está o está contenido en un volunteer
$(document.body).click(function (e) { alert('hello'); if (!e.target.closest('.volunteer')) { $('td.volunteer *').unbind('click'); } });