title: How to make IPointer work on respective box collider?
body: <p>I tried to implement <code>IPointerEnter</code>, <code>IPointerExit</code>, <code>IPointerDown</code> and <code>IPointerUp</code>.</p>
  
  <p>All of them were working fine until they start overlapping.</p>
  
  <p>My question is how do I make <code>IPointer...</code> to work on their respective collider?</p>
  
  <p><code>A</code> and <code>B</code> are <code>BoxCollider2D</code>, <code>B</code> is inside of <code>A</code>. Both of them have a script that has above <code>IPointer...</code> implemented. Below are the issues that I am having with this condition.</p>
  
  <ol>
  <li>Upon clicking mouse down inside <code>B</code>, only 1 box will trigger the <code>IPointerDown</code>. (This is solved by this link) <a href="https://stackoverflow.com/questions/46188071/how-to-detect-multiple-overlapping-gameobjects-with-the-eventsystem">How to detect multiple/Overlapping GameObjects with the EventSystem?</a></li>
  <li>If my pointer (mouse) is inside of <code>A</code> and I move the pointer (mouse) to <code>B</code>, <code>A</code> will get triggered (<code>IPointerExit</code>). What I try to achieve is <code>A</code> <code>IPointerExit</code> should be triggered on it's respective collider.</li>
  </ol>
  
  <p>If I enter A then 'IPointerEnter' A should be triggered and if enter <code>B</code>, <code>IPointerEnter</code> <code>B</code> should then be triggered.</p>
  
  <p><a href="https://i.stack.imgur.com/Xvcdm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xvcdm.png" alt="enter image description here"></a></p>