好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

每天一课:HTML5拖放实例(附源代码)_html/css_WEB-ITnose

拖放(Drag和drop)是HTML5标准的组成部分。

拖放

拖放是一种常见的特性,即抓取对象以后拖到另一个位置。

在HTML5中,拖放是标准的一部分,任何元素都能够拖放。

浏览器支持

Internet Explorer 9、Firefox、Opera 12、Chrome以及Safari5支持拖放(注:在Safari5.1.2中不支持)

HTML5 拖放实例

下面的例子是一个简单的拖放实例:

实例

    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));}   

查看更多关于每天一课:HTML5拖放实例(附源代码)_html/css_WEB-ITnose的详细内容...

  阅读:31次