用鼠标拖动表格进行排序

最新推荐文章于 2021-09-22 21:06:27 发布

Alexantao

最新推荐文章于 2021-09-22 21:06:27 发布

阅读量832

点赞数

分类专栏： Microsoft .NET(C#)Web软件开发文章标签： function javascript border table

本文链接：https://blog.csdn.net/MadeInJack/article/details/2284193

版权

这篇博客介绍了一种使用JavaScript实现表格行拖动排序的方法。通过在表格的TR元素上绑定onmousedown, onmousemove和onmouseup事件，实现鼠标按下、移动和释放时表格行的动态调整。在MouseUpToMove函数中，根据鼠标位置计算新的行位置，并使用moveRow方法将行移动到合适的位置，从而达到拖动排序的效果。" 113518650,10295317,Python3打印十六进制大小写详解,"['Python', '编程基础', '数据类型', '字符串']

摘要由CSDN通过智能技术生成

function MouseMoveToMove(obj){
if(!beginMoving) return false;
obj.style.top = (event.clientY-obj.mouseDownY);
obj.style.left = (event.clientX-obj.mouseDownX);
}
function MouseUpToMove(obj){
if(!beginMoving) return false;
obj.releaseCapture();
obj.style.top=0;
obj.style.left=0;
obj.style.zIndex=0;
beginMoving=false;
var tempTop=event.clientY-obj.mouseDownY;
var tempRowIndex=(tempTop-tempTop%25)/25;
if(tempRowIndex+o