Com esse código consigo parar a propagação de um menu dropdown clicando ao clicar no documento. Funciona muito bem. Agora eu gostaria realizar a mesma coisa, mas com o clique direito.
A mágica ocorre graças ao event.stopPropagation();
dentro de onclick
qual o equivalente disso para o right click? Será que é possível uma utilização dupla?
Código funcional.
$(document).on('click','.body-jq-dropdown',function(event){
event.stopPropagation();
});
Exemplo
O objetivo é, que quando o fundo vermelho for habilitado, seja possível remove-lo com um clique no documento.
$(document).on('click','.add-red-bg',function(event){
jQuery('body').addClass('body-red-habilitado');
});
$(document).on('click contextmenu','.body-red-habilitado', function(event){
event.stopPropagation();
jQuery('body').removeClass('body-red-habilitado');
console.clear();
console.log(event.type);
});
body {
background:#eee;
}
.body-red-habilitado {
background:red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<button class="add-red-bg">Habilitar Background RED</button>