javascript - jquery html 5 dragstart .on ('dragstart' ,function(e){}) e.dataTransfer.setData() 不起作用

Question

chrome 抛出错误:无法调用未定义的方法“setData”，我发现 e 不等于 window.event(它没有 propert dataTransfer)；两者有很大的不同

我发现两者在点击事件中几乎相等。

我用了http://code.jquery.com/jquery-latest.js .

我不使用拖动功能，我只是想知道为什么。它是 html 5 中的新功能，jquery 仍然落后于它吗？。或者 jquery 团队不想支持它？？或者其他原因

Answer 1

在回调函数中，您将获得一个原生事件的 jQuery 包装器。使用传递参数的 originalEvent 属性:

$('...').on('dragstart', function (event) {
    event.originalEvent.dataTransfer.setData('...', '...');
});

附言不要忘记为要拖动的元素设置 draggable="true" 属性。