博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
点滴积累【JS】---JS小功能(onmousedown实现鼠标拖拽div移动)
阅读量:7095 次
发布时间:2019-06-28

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

效果:

思路:

利用onmousedown事件实现拖拽。首先获得鼠标横坐标点和纵坐标点到div的距离,然后当鼠标移动后再用可视区的距离减去横纵坐标与div的距离。然后在判断不让DIV移出可视区,然后再赋予DIV的位置。最后关闭鼠标onmouseup事件。

代码:

1  2      3     13     49 50 51     
52
53

 

转载于:https://www.cnblogs.com/xinchun/p/3453158.html

你可能感兴趣的文章
智能车学习(三)—— ADC学习
查看>>
精通iOS开发(第5版)
查看>>
json对象的封装与解析
查看>>
YARN & HDFS2 安装和配置Kerberos
查看>>
HDU1698:Just a Hook(线段树区间更新)
查看>>
SoapUI Pro Project Solution Collection-DataSource(jdbc,excel)
查看>>
Docker学习总结
查看>>
文件服务器 之 ProFTPD+MySQL 认证
查看>>
SQL Server Logins, Database Users, Database Roles and Schemas
查看>>
makefile语法
查看>>
Python3.x和Python2.x的区别
查看>>
pickle和cPickle:Python对象的序列化(上)
查看>>
C#操作RTF文档
查看>>
Dreamweaver & Flash & Photoshop网页设计基础与实例教程(职业白金版)
查看>>
UESTC 1153 The Queen's New Necklaces (Burnside定理)
查看>>
acdream1197 Points In Cuboid
查看>>
topcoder srm 390 div1
查看>>
无法远程链接sqlserver的解决办法
查看>>
WinRT比.NET快了,还是Win8比Win7快
查看>>
SecureCRT 字体 颜色 修改 背景色 键盘映射 Home end delete
查看>>