Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
注释： 在 Safari 5.1.2 中不支持拖放。
HTML5 拖放实例
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#p1 {width:488px;height:70px;padding:10px;border:1px solid #aaaaaa;}
</style>
<script type="text/javascript">
function allowDrop(ev)
{
ev.preventDefault();
}
function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}
function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>
<p>请把 Aseoe logo的图片拖放到矩形中：p>
<p id="p1" ondrop="drop(event)" ondragover="allowDrop(event)">p>
<br />
<img id="drag1" src="http://HdhCmsTestaseoe测试数据/statics/images/eoe/logo.png"
draggable="true" ondragstart="drag(event)" />
</body>
</html> function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
} function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
} 以上就是详解HTML5中的拖放事件（Drag 和 drop） 的内容，更多相关内容请关注PHP中文网（HdhCmsTestgxlcms测试数据）！
-->查看更多关于详解HTML5中的拖放事件（Drag和drop）的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did65630