2016-05-06 10 views
0

Um mein Anwendungsszenario für lange Geschichte kurz wegzulassen, was ich gerne implementieren möchte, ist etwas wie jQuery Slider mit Ankerpunkten geteilt durch gleiche Intervall. Wenn ich den Cursor verschiebe und an einer beliebigen Position stoppe, wird eine Methode namens FindNearestAnchor ausgelöst, und die Cursorposition wird festgelegt und zum nächsten Ankerpunkt verschoben.mit onmouseup set Element Position zum nächsten Punkt nicht funktionieren

Was ich jetzt implementiert habe, ist alles außer die Cursorposition zu setzen und sie zum nächsten Anker zu bewegen. Here ist mein Referenzbeispiel.

function _move_elem(e) { 
    //if set the nearest position here, the cursor will be stuck at the first anchor point. 
    selected.style.left = nearest[0]; 
    selected.style.top = nearest[1]; 
} 

function _destroy() { 
    //if set the nearest position here, nothing happened. 
    selected.style.left = nearest[0]; 
    selected.style.top = nearest[1]; 



     selected = null; 
} 

Jeder möglicher Vorschlag geschätzt werden, vielen Dank!

+0

Das Event-Paket, das ich verwendet habe, ist "onmouseup onmousemove onmousedown", sollte ich zu 'Drag Draop' wechseln? –

Antwort

0

Ich habe diese Codes in AngularJS-Direktiven verschoben, und es funktionierte für mich völlig in Ordnung.

link:{ 
    init: function (scope, element, attrs, ngModel) { 
      function _move_elem(e) { 
       ... 
      } 
      function _destroy() { 
      } 
    } 
} 
Verwandte Themen