Henri: keine mousemove-Events während dragstart-Event

Beitrag lesen

Hi,

für eine Plazierung eines Elements, brauche ich die X- und Y-Koordinaten im Client.

Diese Mouse-Position wollte ich eigendlich durch das mousemove-Event beziehen, aber das wird leider irendwie durch das dragstart-Event geblockt. Diese Positionsangaben müssen immer aktuell sein, also hilft clientY vom dragenter-Event nicht. Kennt vieleicht jemand ne anderre möglichkeit kontinuierlich, während einer Drag & Drop Operation, die aktuelle Mausposition im Client auszulesen?

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <style>
    #ziehMich {
      padding: 8px;
      border: thin solid;
      background: #ccc;
      cursor: move;
    }
  </style>
  <script>
    window.onload = function() {
      
      ziehMich.ondragstart = function(event) {

        event.dataTransfer.setData('typ', 'value');

      }
      
    }
    
    window.onmousemove = function(event) {
          
      console.info(event.clientY + 'px');
          
    };
  </script>
</head>
<body>
  <span id="ziehMich" draggable="true">ziehMich</span>
</body>
</html>