title: Change object color with mouse drag
body: <p>I'd like to have several color boxes and change color of a clicked box on mouse drag. Example with one box:</p>
  
  <p><a href="https://i.stack.imgur.com/dheLx.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dheLx.gif" alt="enter image description here"></a></p>
  
  <p>Problem is, I have no idea how to approach this. I tried obvious mousemove after mousedown but drag stops when I move outside my box. </p>
  
  <p>Should I create a temporary transparent object and use it to detect drag? Or is there a better/easier solution? Just for reference, I'm using Vue.js for my app.</p>