使用HTML5、JS实现拖动图片

1.1设置元素为可拖放

        首先，为了使元素可拖动，把draggable属性设置为true；

<img src="img/五角星.png">

1.2拖动什么 - ondragstart和setData()

        然后，规定当元素被拖动时，会发生什么

        在上面的例子中，ondragstart属性调用了一个函数，drag(ev)，它规定了被拖动的数据

        dataTransfer.setData()方法设置被拖数据的数据类型和值：

function drag(ev) {
         ev.dataTransfer.setData("Text", ev.target.id);
}

        Text是一个DOMString。表示要添加到drag object的拖动数据的类型，值是可拖动元素的id("drag1")

1.3放到何处-ondragover

        ondragover事件规定在何处放置被拖动的数据。

        默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻止对uansu的默认处理方式。

        这要通过调用ondragover事件的event.preventDefault()方法：

event.preventDefault()