Question

Is there an option in the bootstrap modal to trigger the event if the user clicks outside the dialog?

For example: I would like to add animated shake css when user click away from modal.

Answer 1

Yes, using the event shown you can fire a new function that when someone click on the body (so outside the modal) you do something.

Remember to add also event.stopPropagation() to don’t close the modal when you click outside.

Here an example:

$('#myModal').on('shown', function () {
  $('body').on('click', function(e) {
    // your function...
    e.stopPropagation();
  });
})

---

$('#myModal').on('hidden', function () {
  $('body').off('click');
});