HTML দিয়ে উইন্ডোর বাইরে টেনে আনলে Firefox-এ dragleave ইভেন্ট কীভাবে সনাক্ত করা যায়?

আপনাকে কোন উপাদানগুলি dragenter ট্র্যাক করতে হবে৷ এবং dragleave উপর ট্রিগার করা হয়েছে. একটি পৃথক উপাদানের উপর ড্র্যাজেন্টার এবং ড্র্যাগলিভ শোনা শুধুমাত্র সেই উপাদানের ইভেন্টগুলিই নয়, শিশুদের ঘটনাগুলিও ক্যাপচার করবে৷

$.fn.draghover = function(options) {
   return this.each(function() {
      var collection = $(),
      self = $(this);
      self.on('dragenter', function(ev) {
         if (collection.length === 0) {
            self.trigger('draghoverstart');
         }
         collection = collection.add(ev.target);
      });
      self.on('dragleave drop', function(ev) {
         collection = collection.not(ev.target);
         if (collection.length === 0) {
            self.trigger('draghoverend');
         }
      });
   });
};

ইভেন্টের জন্য শুনুন −

$(window).draghover().on({
   'draghoverstart': function() {
      alert(‘dragged into the window');
   },
   'draghoverend': function() {
      alert('dragged out of window');
   }
});