• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






zhx119

 
 

Powered by 博客园
博客园 | 首页 | 新随笔 | 联系 | 订阅 订阅 | 管理

2018年10月12日

JS拖拽元素原理及实现代码
摘要: 一、拖拽的流程动作 ①鼠标按下②鼠标移动③鼠标松开 二、拖拽流程中对应的JS事件 ①鼠标按下会触发onmousedown事件 ②鼠标移动会触发onmousemove事件 ③鼠标松开会触发onmouseup事件 三、实现的原理讲解 拖拽其实是通过获取鼠标移动的距离来实现的,即计算移动前的位置的坐标(x 阅读全文
posted @ 2018-10-12 15:24 zhx119 阅读(631) 评论(0) 推荐(0)
 
理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY
摘要: event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY,但它们使用的 阅读全文
posted @ 2018-10-12 10:29 zhx119 阅读(294) 评论(0) 推荐(0)