HTML5拖动的一个简单示例
拖放相关属性可拖动的属性是HTML5的全局属性。这是HTML5支持拖放操作的方式之一。它用于指示元素是否可以拖动。这有三个值。真的意味着拖放。虚假意味着它不能被拖动。自动显示浏览器的默认值。
xml代码将内容复制到剪贴板。
表1
表2
表3
表4
表5
表6
拖放相关事件
Ondragstart：这个事件的用户开始拖动元素或选择文本时触发：触发ondragleave阻力：元素时触发用户完成ondragend：拖动元素拖动时，鼠标拖动对象被触发时超出范围时其容器ondraver：当触发这样的事件在另一个容器在对象被拖拖，这一事件对产品目标元素：在拖动过程中，触发鼠标释放，这一事件在目标元素身上
数据传输对象的相关方法
SetData（格式、数据）：添加自定义数据格式GetData（格式）：获取自定义数据格式（格式cleardata { }）：清晰的自定义数据格式和数据。
Event.preventDefault（）
这种方法是阻止事件的默认行为，和preventDefault（）必须执行ondraver，否则产品事件不会被触发
实施案例：
xml代码将内容复制到剪贴板。
主要{。
宽度：800px；
/ *边框1px solid * # CCC；
身高：400px；
保证金：0汽车；
}
左{。
浮点数：左；
宽度：25%；
背景颜色：# 666；
身高：370px；
文本对齐：中心；
颜色：黑色；
30px垫上；
字体大小：110px；
}
右{。
浮子：右边；
宽度：69%；
}
对，UL。
保证金：0；
填充：0；
}
右李{
列表样式：无；
边境：2px冲# 666；
背景颜色：# DDD；
身高：60px；
边距：3px；
文本缩进：30px；
行高：60px；
}
右李：悬停{
背景颜色：# CCC；
}
#消息{
宽度：800px；
文本对齐：中心；
border: 1px solid黑；
保证金：20px汽车；
字体大小：28px；
}
在window.onload =函数（）{
VaR阿里= document.getelementsbytagname（李的）；
VaR重大= document.getelementsbyclassname（右）{ 0 }；
无功omessage = document.getelementbyid（消息）；
对于（var i = 0；i < ali.length；i++）{
ALi {我}索引= i + 1；
ALi {我}。ondragstart =功能（EV）{
事件对象
VaR evev = EV事件| |；
ev.datatransfer.setdata（文本
}
}
oleft.ondrop =功能（EV）{
VaR evev = EV事件| |；
VaR数据= ev.datatransfer.getdata（文本）；
VaR Num = document.getelementbyid指标（数据）；
document.getelementbyid（数据）删除（）；
omessage.innerhtml =名单+数字+放入垃圾箱；
this.style.color =黑；
}
oleft.ondraver =功能（EV）{
VaR evev = EV事件| |；
Ev.preventDefault（）；
}
oleft.ondragenter =函数（）{
this.style.color =# FFF；
}
}
垃圾箱
表1
表2
表3
表4
表5
表6
拖到垃圾箱以删除列表。
这个HTML5拖放的简单示例是小编辑器共享的全部内容。我希望你能给你一个参考，我希望你能支持你很多。