Teria algum jeito de desabilitar os eventos de click do meu body
. Quando eu chamo uma função gostaria de desabilitar os eventos no processamento que é um pouco demorado e ao terminar ativar novamente. Já usei jQuery para adicionar o estilo pointer-events:none;
, mas ficou com um problema ja que minha pagina e montada dinamicamente no meio desta função meus eventos de hover
ficam bugados. Teria algum CSS tipo clicks-events
ou algo parecido usando jQuery?
function getProspect() {
$('body').addClass('desabilitaEventos');
$('#loadingBar').fadeIn(1000);
//...
$('#loadingBar').fadeOut();
$('body').removeClass('desabilitaEventos');
}
.desabilitaEventos{
pointer-events: none;
cursor: default;
}
#loadingBar{
position: fixed;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<md-content class="md-padding backgroud-templates" style="min-height: 700px;">
<div id="loadingBar" class="lds-css ng-scope" style="display:none;">
<div style="width:100%;height:100%" class="lds-eclipse">
<div></div>
</div>
</div>
<md-content/>