js 拖拽元素并重新定位
来源:互联网 发布:编程语言执行效率排行 编辑:程序博客网 时间:2024/05/17 01:57
(function () { var dragging = false; var boxX, boxY, mouseX, mouseY, offsetX, offsetY; var box = document.getElementById('box'); box.onmousedown = down; document.onmousemove = move; document.onmouseup = up; function down(e) { dragging = true; boxX = box.offsetLeft; boxY = box.offsetTop; mouseX = parseInt(getMouseXY(e).x); mouseY = parseInt(getMouseXY(e).y); offsetX = mouseX - boxX; offsetY = mouseY - boxY; } function move(e) { if (dragging) { var x = getMouseXY(e).x - offsetX; var y = getMouseXY(e).y - offsetY; var width = document.documentElement.clientWidth - box.offsetWidth; var height = document.documentElement.clientHeight - box.offsetHeight; x = Math.min(Math.max(0, x), width); y = Math.min(Math.max(0, y), height); box.style.left = x + 'px'; box.style.top = y + 'px'; } } function up(e) { dragging = false; } function getMouseXY(e) { var x = 0, y = 0; e = e || window.event; if (e.pageX) { x = e.pageX; y = e.pageY; } else { x = e.clientX + document.body.scrollLeft - document.body.clientLeft; y = e.clientY + document.body.scrollTop - document.body.clientTop; } return { x: x, y: y }; }})()
阅读全文
0 0
- js 拖拽元素并重新定位
- jQuery对元素进行拖拽并重新排序的案例
- java遍历数组并重新拼接数组里的元素
- js定位DOM元素
- 【面向JS--元素定位】
- 用js实现页面删除并重新排序
- jquery js 页面元素定位
- JS-----元素定位自动居中
- js和juqery定位元素的区别
- 停止并重新开始Activity
- 停止并重新开始Activity
- js网页定位,window,body元素的定位属性
- js网页定位,window,body元素的定位属性 .
- js获取dom元素位置来定位元素
- js 鼠标拖拽元素
- JS拖拽元素实现
- 元素定位
- 元素定位
- 高通mipi dsi代码理解
- 如何用git有效管理项目代码
- caffe源码追踪--主线结构
- 关于three.js中添加文字的方式
- poj 2251 Dungeon Master
- js 拖拽元素并重新定位
- 解决报java.sql.SQLException: Can't call commit when autocommit=true异常
- tensorflow构建神经网络及可视化
- jazz数据集处理
- Promise和异步编程
- Android页面布局视图
- 【HDU-1213】How Many Tables
- hdu1548
- Linux下打开超大文件方法