Hola tengo el siguiente codigo:
<div class="row">
<div class="col-md-12">
<div class="box">
<div class="box-body">
<div class="box-header">
<h4 class="box-title"><label>Bootstrap Table</label></h4>
</div>
<table class="table" data-pagination="true" data-click-to-select="true" data-page-list="[5, 10, 15, 20]" data-search="true" class="table-hover" data-field="tableClinical" data-title="Titulo de la tabla" id="table" data-id="table" data-single-select="true">
<thead>
<tr>
<th data-field="state" data-checkbox="true" id="check" data-align="center"></th>
<th data-field="id" data-sortable="true">Item ID</th>
<th data-field="name" data-sortable="true">Item Name</th>
<th data-field="price" data-sortable="true">Item Price</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
Estoy intentando mostrar un alert cuando se de click en cualquier elemento del body que no sea la tabla:
$("body").on("click", ":not(.table)", function (e) {
alert("not table");
});
Sin resultados hasta el momento, alguien tiene alguna idea mejor.