<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>HTML5 javascript 简单拖拽代码示例</title><script language="javascript">function DraggAble(obj){ obj.draggable = true; this.drag_start = function(e) { e.dataTransfer.effectAllowed='move'; e.dataTransfer.dropEffect='move'; e.dataTransfer.setData("Text", e.target.getAttribute('id')); e.dataTransfer.setDragImage(e.target,0,0); return true; } obj.ondragstart = this.drag_start;}function DropAble(obj){ obj.draggable = true; this.drag_drop = function(e){ e.target.appendChild(document.getElementById(e.dataTransfer.getData('Text'))); return false; } this.drag_over = function(e){ return false; } obj.ondrop = this.drag_drop; obj.ondragover = this.drag_over;}</script></head><body> <div style="width:200px; height:200px; background-color:#CC33CC; float:left" id="box4" ondrop="alert(1)" > 主区域<div style="width:100px; height:100px; background-color:#09F;" id="obj" ondrop="alert(1)" > 可以把我拖拽到不同的区域哦！ </div> </div> <div style="width:200px; height:200px; background-color:#CCC; float:left" id="box1" ondrop="alert(1)" > 区域1 </div> <div style="width:200px; height:200px; background-color:#F00; float:left" id="box2" ondrop="alert(1)" > 区域2 </div> <div style="width:200px; height:200px; background-color:#666; float:left" id="box3" ondrop="alert(1)" > 区域3 </div><script language="javascript">DraggAble(document.getElementById("obj"));DropAble(document.getElementById("box1"));DropAble(document.getElementById("box2"));DropAble(document.getElementById("box3"));DropAble(document.getElementById("box4"));</script></body></html>Jquery ui也有拖拽的功能，可以拖拽，但是不方便直接排版，或者可以提供拖拽之后，可以微调或自动对齐的方法？
标题有歧义，不好意思！
现在不支持IE的，希望能修改成能支持IE6和IE7
Apakah penyunting teks java?
Bagaimana untuk menyahduplikasi pangkalan data dalam mysql
Perbezaan antara injektif dan surjektif
Apakah keutamaan gangguan?
Bagaimana untuk menetapkan penutupan berjadual dalam UOS
vim simpan dan keluar arahan
Bagaimana untuk menyemak pautan mati di tapak web anda
Pengenalan jenis fail
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
