How does bootstrap modal close on background click work?

Question

css

Task:
When clicking on the darkened background of the modal window in the bootstrap, perform a certain function.
Problem:
The script is also executed when clicking on the content of the modal window, but it needs to be done only on the background.

My logic went like this:

$('.fade').on('click',function(){
  console.log('Кликнули на затемненный фон');
});

where .fade is the standard bootstrap class.

Answer 1

This is the modal-backdrop element here, let's say in the Modal windows / usage section there is info.