Sobes.tech
Junior

Ποια γεγονότα σύρσιμου (drag) γνωρίζετε;

sobes.tech AI

Απάντηση από AI

  • dragstart: Το στοιχείο αρχίζει να μεταφέρεται.
  • drag: Το στοιχείο μεταφέρεται (συνεχίζεται καθ' όλη τη διάρκεια της μεταφοράς).
  • dragenter: Το μεταφερόμενο στοιχείο εισέρχεται στην περιοχή στόχο.
  • dragover: Το μεταφερόμενο στοιχείο βρίσκεται πάνω από την περιοχή στόχο (συνεχίζεται καθ' όλη τη διάρκεια).
  • dragleave: Το μεταφερόμενο στοιχείο φεύγει από την περιοχή στόχο.
  • drop: Το μεταφερόμενο στοιχείο απορρίπτεται πάνω στην περιοχή στόχο.
  • dragend: Η μεταφορά ολοκληρώθηκε (μετά την απελευθέρωση ή την ακύρωση).

Όλα αυτά τα γεγονότα ανήκουν στη διεπαφή DragEvent και περιέχουν πληροφορίες σχετικά με τα δεδομένα, τον τύπο του αποτελέσματος μεταφοράς και τις συντεταγμένες του δείκτη του ποντικιού. Για να επιτραπεί η απελευθέρωση του στοιχείου, πρέπει να καλέσετε event.preventDefault() στον χειριστή dragover.