Quando o movimento do mouse é rápido acaba saindo do quadrado e assim o quadrado não se mexe junto com o mouse, gostaria de saber uma solução para que o quadrado sempre acompanhe o mouse independente dele sair do campo do quadrado com o cursor o arrastando.
#bloco{
width: 100px;
height: 100px;
background-color: orangered;
position: absolute;
}
<div id="bloco"></div>
<script>
bloco.style.top = 10+"px"
bloco.style.left = 10+"px"
bloco.onmousemove=function(e){
x = e.movementX
y = e.movementY
if( e.buttons > 0 ){
bloco.style.top = (parseInt(bloco.style.top)+y)+"px"
bloco.style.left = (parseInt(bloco.style.left)+x)+"px"
}
}
bloco.onmouseout=function(e){
// k = 0;
}
</script>