jQuery的ondragstart事件 [英] ondragstart event with jQuery

问题描述

我一直在尝试使用Javascript拖放API.

I've been trying to use Javascript Drag and Drop API.

var file = document.getElementById('file');
file.addEventListener('dragstart', function(evt){
  evt.dataTransfer.setData("DownloadURL",fileDetails);
}, false);

这一切正常，但是有什么方法可以使用jQuery"on"来捕获事件吗?我已经尝试过

That works and all, but is there any way to use jQuery "on" to catch the event? I've tried

$('#file').on('dragstart', function(evt) {
   console.log(evt.dataTransfer);                    // this returns undefined
   evt.dataTransfer.data("DownloadURL",fileDetails); // so this produces error
});

但这是行不通的.

如果可能的话，我不想使用jQuery可拖动插件，因为我并不是真正希望拥有跨浏览器的解决方案.

If possible, I don't want to use jQuery draggable plugin, since I'm not really looking to have a cross-browser solution.

谢谢

推荐答案

您必须使用jquery事件的属性originalEvent来访问javascript侦听器的本机属性，如下所示:

You have to use the property originalEvent of the jquery event to access native properties of the javascript listener, like this:

evt.originalEvent.dataTransfer

这篇关于jQuery的ondragstart事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！