好得很程序员自学网

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

用HTML5原生实现拖放或排序_html/css_WEB-ITnose

原生拖放

拖放是一种很常见的功能,现在这个功能已经成为Html5标准的一部分。通过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次