Bind mẹ đẻ html5 dragstart xử lý sự kiện và truy cập dataTransfer sử dụng jQuery

Question

này đang làm việc:

$(".my_dragging_class").each(makeDraggable($(this).get()[0])); 

var makeDraggable = function (el){ 
    el.draggable = 'true'; 
    el.addEventListener('dragstart', function(e){ 
       e.dataTransfer.effectAllowed = 'move'; 
       e.dataTransfer.setData('text/html', 'test'); 
       console.log('dragstart'); 
       }, 
      false); 
} 

này là không làm việc: Thông điệp

$(".my_dragging_class").makeDraggable(); 

$.fn.makeDraggable(){ 
    $(this).attr('draggable','true'); 
    $(this).bind('dragstart', function(e){ 
       e.dataTransfer.effectAllowed = 'move'; 
       e.dataTransfer.setData('text/html', 'test'); 
       console.log('dragstart'); 
       }, 
      false); 
} 

Lỗi: tôi nhận được một 'e.dataTransfer không được xác định' cho dòng e.dataTransfer.effectAllowed = 'move';. Trình duyệt của tôi là FireFox 10.0.2

Có thể sử dụng dataTransfer với jQuery theo cách này không?

Answer 1

Hãy thử:

$.fn.makeDraggable(){ 
    $(this).attr('draggable','true'); 
    $(this).bind('dragstart', function(e){ 
       e.originalEvent.dataTransfer.effectAllowed = 'move'; 
       e.originalEvent.dataTransfer.setData('text/html', 'test'); 
       console.log('dragstart'); 
       }, 
      false); 
} 

Các jQuery event object không có một tài sản dataTransfer.

Answer 2

Các jQuery event object không có một tài sản dataTransfer ... đúng, nhưng người ta có thể thử:

jQuery.event.props.push('dataTransfer'); 

kr, Zara