html5新特性之拖放

1、元素是否可拖动可放置

　　　draggable="true"　　　　　　　　　　设置元素可以拖动

　　　ondragover="allowDrop(event)"　　  元素默认不能放置，加上该元素解除禁制

function allowDrop(ev)

{

ev.preventDefault();

}

2、元素拖动放置所触发的事件

　　拖动元素触发的事件

　　ondragstart="drag(event)"

　　function drag(ev)

　　{

　　ev.dataTransfer.setData("Text",ev.target.id);    设置被拖动的数据的id

　　}

　　放置元素触发的事件

　　ondrop="drop(event)"

　　function drop(ev){

　　ev.preventDefault();

　　var data=ev.dataTransfer.getData("Text");

　　ev.target.appendChild(document.getElementById(data));拖动数据拼接放置到文本中

　　}