Pass any kind of object via .dataTransfer (drag & drop API)

dragDropData.js

/*

Easy way to "transfer" any native objects with the Drag & Drop API
@ricardobeat

$('.draggable').on('dragstart', function(e){
    App.dragData.set(e, {
        type: 'blablabla'
      , items: [1,2,3]
    })
})

$('.dropzone').on('drop', function(e){
    var data = App.dragData.get(e)
    // typeof data === 'object'
    //  => {
    //     type: 'blablabla'
    //   , items: [1,2,3]
    // }
})

*/

(function(exports){

    var _uid = 0

    var dragData = {

        set: function(e, data){
          var dataTransfer = e.dataTransfer || e.originalEvent.dataTransfer
            , uid = ++_uid

          dataTransfer.setData('text', uid)
          SR.drag[uid] = data
        }

      , get: function(e){
          var dataTransfer = e.dataTransfer || e.originalEvent.dataTransfer
            , uid = dataTransfer.getData('text')
            , data = SR.drag[uid]

          delete SR.drag[uid]
          return data
        }
    }

    exports.dragData = dragData

})(window)