參考網址:
MIS腳印 JavaScript 表格拖放排序 AJAX 資料庫 for PHP
在FireFox中會有問題,解決方法:
參考網址:Mozilla Drag and Drop: Copy and Move elements with DataTransfer
javascript中加入function dragstart_handler(ev)
另外在被拖曳的元素上除了draggable="true"還需加上ondragstart="dragstart_handler(event);"
不加ondragstart在firefox中無法拖曳。
例<tr class="data" draggable="true" ondragstart="dragstart_handler(event);">
目前還有一個問題未解決??(107.11.106更新,關掉手勢擴展就解決了。)
在firefox中拖曳太遠會開啟一個新視窗https://www.google.com/webhp
function dragstart_handler(ev) {
console.log("dragStart");
// Change the source element's background color to signify drag has started
//// ev.currentTarget.style.border = "dashed";
// Add the id of the drag source element to the drag data payload so
// it is available when the drop event is fired
ev.dataTransfer.setData("text", ev.target.id);
// Tell the browser both copy and move are possible
ev.effectAllowed = "copyMove";
}
107.11.10更新:
firefox 下使用html5拖拽会自动打开新标签的解决办法 (這個方法無效)
另一篇文章:
使用draggable拖动一个图片时,火狐上总会新开一个窗口 (BINGO)
是不是安装了手势操作扩展?拖拽时会在新标签页中打开页面,在工具—附加组件里查看下已经安装的扩展。