html5中级教程程序.ppt

拖放 dragstart – dragenter – dragover – drop – dragend 将元素的draggable属性设置为 true 拖动对象的ondragstart和event.dataTransfer.setData() 用于在拖动过程中传递数据 支持两种类型，字符串和文件 拖动目标对象的ondragover 放置ondrop 拖放 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)); } div id=div1 ondrop=drop(event) ondragover=allowDrop(event)/div img id=drag1 src=img_logo.gif draggable=true ondragstart=drag(event) width=