JQUERY Wie wird der nicht erlaubte Cursor beim Ziehen deaktiviert?

Question

Ich habe ein Problem mit dem nicht erlaubten Cursor. Beim Ziehen des "Ziehen" -Elements erscheint ein nicht erlaubter Cursor und ich kann ihn nicht mehr ziehen. Wie kann ich das verhindern? Ich möchte, dass mein "Ziehen" -Element immer "absolut" ist, während die Maus gedrückt ist.

Hinweis: Ich weiß, dass es passieren kann, weil "Zeiger-Ereignisse", aber ich brauche es in diesem Code enthalten sein.

Einige Code:

$("#drag").bind({ 
    mousedown : function (e) { 
     var dragged = $(this); 
     dragged.css({ 
      left : e.pageX - (50/2), 
      top : e.pageY - (50/2) 
     }); 
     dragged.addClass("absolute"); 
     dragged.css({ 
      'pointer-events' : 'none' 
     }) 
     var upHandler = function() { 
      dragged.removeClass("absolute"); 
      dragged.css({ 
       'pointer-events' : 'all' 
      }) 
      $("body").off('mouseup', upHandler); 
      $("body").off('mousemove', moveHandler); 
     } 
     var moveHandler = function (e) { 
      dragged.css({ 
       left : e.pageX - (50/2), 
       top : e.pageY - (50/2) 
      }); 
     } 

     $("body").bind({ 
      mouseup : upHandler, 
      mousemove : moveHandler 
     }) 
    } 
    }); 

    $("body").mousemove(function (event) { 
    $("#log").text("pageX: " + event.pageX + ", pageY: " + event.pageY); 
    }); 

https://jsfiddle.net/38zecoL1/1/

Vielen Dank für jede Hilfe.

Answer 1

Bevor Sie mit der Maus der Behandlung von Ereignissen, einen Anruf zu

e.preventDefault();

Es bricht die Veranstaltung, die von der Durchführung des Standardverhaltens des Browser verhindert. Normalerweise würde es einen "nicht erlaubten" Cursor auf Elementen zeigen, die normalerweise nicht ziehbar sind.

Sie können dies in Aktion sehen: https://jsfiddle.net/38zecoL1/4/