博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
原生拖放代码
阅读量:5017 次
发布时间:2019-06-12

本文共 1150 字,大约阅读时间需要 3 分钟。

这段js代码会让页面所有position:absolute;的元素可以拖动

var chef = (function(){        var drawDiv,ofstX,ofstY;        function fun(event){            var event = event || window.event;            var target = event.target || event.srcElement;            switch(event.type){                case "mousedown":                            drawDiv = target;                            ofstX = event.clientX-drawDiv.offsetLeft;                            ofstY = event.clientY-drawDiv.offsetTop;                    break;                case "mousemove":                        if(drawDiv != null){                            drawDiv.style.left = event.clientX - ofstX + "px";                            drawDiv.style.top = event.clientY - ofstY + "px";                        }                    break;                case "mouseup":                    drawDiv = null;                    break;            }        };        document.body.onmousedown = function(event){fun(event);};        document.body.onmousemove = function(event){fun(event);};        document.body.onmouseup   = function(event){fun(event);};    })();

转载于:https://www.cnblogs.com/chefweb/p/6059450.html

你可能感兴趣的文章
转载:为什么选择Nginx(1.2)《深入理解Nginx》(陶辉)
查看>>
vba中的小技巧
查看>>
Java随机数技巧-新手篇
查看>>
java之内存可见型
查看>>
Android之图片处理(图片合成、图片圆角、图片翻转、图片缩放)
查看>>
postman
查看>>
Date and time types
查看>>
Installshield DLL函数调用失败:ISRT._DotNetCoCreateObject
查看>>
iOS 开发常见函数
查看>>
python---协程 学习笔记
查看>>
C3P0连接池工具类实现步骤及方法
查看>>
约瑟夫环问题算法(M)
查看>>
Windowd系统下Eclipse CDT+MinGW快速搭建C/C++开发环境
查看>>
[转载]OpenFileDialog对话框Filter属性
查看>>
VC_MFC水波纹控件,开源
查看>>
java环境配置
查看>>
程序员的类型
查看>>
[LuoguP1221]最多因子数
查看>>
100天搞定机器学习|Day7 K-NN
查看>>
从零开始——Ubuntu系统安装redis和phpredis
查看>>