H5--拖拽

<script>
        //拖拽什么
        document.ondragstart = function(e){
            e.dataTransfer.setData('text',e.target.id)//将要拖放的元素保存起来
            e.target.style.opacity=0.5//设置被拖放元素的透明度
        }
        document.ondragend = function(e){
            e.target.style.opacity=1//拖放结束后，恢复拖放对象的透明度
        }
        //放到哪里
        document.ondragover = function(e){//关闭浏览器默认行为:默认情况下浏览器不允许拖放
            e.preventDefault()
        }
        //进行放置
        document.ondrop = function(e){
            let id = e.dataTransfer.getData('text')
            e.target.appendChild(document.getElementById(id))
        }
    </script>