title: Angular - How to disable mouse click events outside a specific DIV based on a condition?
body: <p>I'm using a RAD tool that generates angular code, and I want to make some modifications to a specific behaviour.</p>
  
  <p>I have a grid and I can enter "edit" mode for a specific row with a button click, now once in edit mode, I want to disable completely mouse clicks outside the div containing that grid, because if the users clicks on some components outside the grid, before saving his edit, it will cause some bugs.</p>
  
  <p>So I when the "Edit" button is clicked, I want to stop mouse events outside a specific div, and as soon as the "Save" button is clicked, I want to allow again mouse events everywhere.</p>
  
  <p>I have no code to show, as it would be just some html code with some buttons tags.</p>
  
  <p>The solution I'm looking for is just to know what is the correct way to do this, then I Can implement it by myself</p>