js拖放

drag_and_drop.coffee

$ ->
  $document   = $(document)
  $overlay    = $('#overlayBox')
  _drag_timer = undefined
 
  show_overlay = (e) ->
    $overlay.fadeIn(250)

  hide_overlay = (e) ->
    $overlay.fadeOut(250)

  drag_drop = (e) ->
    e.preventDefault()
    e.stopPropagation()
    
    false

  drag_enter = (e) ->
    clearTimeout(_drag_timer)
    e.preventDefault()
    e.stopPropagation()

    show_overlay(e)

    false

  drag_leave = (e) ->
    e.preventDefault()
    e.stopPropagation()

    _drag_timer = setTimeout((=> hide_overlay(e)), 100)

    false

  drag_over = (e) ->
    clearTimeout(_drag_timer)
    e.preventDefault()

    false

  $document.on('drop', drag_drop).on('dragenter', drag_enter).on('dragleave', drag_leave).on('dragover', drag_over)

drag_and_drop.js

// Generated by CoffeeScript 1.4.0
(function() {

  $(function() {
    var $document, $overlay, drag_drop, drag_enter, drag_leave, drag_over, hide_overlay, show_overlay, _drag_timer;
    $document = $(document);
    $overlay = $('#overlayBox');
    _drag_timer = void 0;
    show_overlay = function(e) {
      return $overlay.fadeIn(250);
    };
    hide_overlay = function(e) {
      return $overlay.fadeOut(250);
    };
    drag_drop = function(e) {
      e.preventDefault();
      e.stopPropagation();
      return false;
    };
    drag_enter = function(e) {
      clearTimeout(_drag_timer);
      e.preventDefault();
      e.stopPropagation();
      show_overlay(e);
      return false;
    };
    drag_leave = function(e) {
      var _this = this;
      e.preventDefault();
      e.stopPropagation();
      _drag_timer = setTimeout((function() {
        return hide_overlay(e);
      }), 100);
      return false;
    };
    drag_over = function(e) {
      clearTimeout(_drag_timer);
      e.preventDefault();
      return false;
    };
    return $document.on('drop', drag_drop).on('dragenter', drag_enter).on('dragleave', drag_leave).on('dragover', drag_over);
  });

}).call(this);