使用基本jQuery框架拖放
是否可以使用基本jQuery脚本(不使用jQuery UI)实现拖放功能?在HTML5中,有一个名为“draggable”的属性 希望这能暂时有所帮助使用基本jQuery框架拖放,jquery,draggable,drag-and-drop,jquery-draggable,Jquery,Draggable,Drag And Drop,Jquery Draggable,是否可以使用基本jQuery脚本(不使用jQuery UI)实现拖放功能?在HTML5中,有一个名为“draggable”的属性 希望这能暂时有所帮助 <div draggable='true'>Drag me</div> <div id='dropzone'>Drop it here!</div> var onDragEnter = function(event) { event.preventDefault(); $("#dr
<div draggable='true'>Drag me</div>
<div id='dropzone'>Drop it here!</div>
var onDragEnter = function(event) {
event.preventDefault();
$("#dropzone").addClass("dragover");
},
onDragOver = function(event) {
event.preventDefault();
if(!$("#dropzone").hasClass("dragover"))
$("#dropzone").addClass("dragover");
},
onDragLeave = function(event) {
event.preventDefault();
$("#dropzone").removeClass("dragover");
},
onDrop = function(event) {
event.preventDefault();
$("#dropzone").removeClass("dragover");
console.log(event.originalEvent.dataTransfer.files);
};
$("#dropzone")
.on("dragenter", onDragEnter)
.on("dragover", onDragOver)
.on("dragleave", onDragLeave)
.on("drop", onDrop);