码迷,mamicode.com
首页 > 其他好文 > 详细

实现拖拽的原理

时间:2017-10-09 14:10:05      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:丢失   位置   事件   release   信息   火狐   lease   chrome   移动   

  1. 鼠标按下
    • 记录当前位置信息
  2. 鼠标拖动
    • 记录鼠标的移动距离,来计算设置当前元素的位置偏移
  3. 鼠标抬起
    • 删除鼠标up时候的事件处理程序
  • 鼠标丢失
    • IE和火狐下,可以使用setCapture()和releaseCapture()
    • chrome下使用document监听事件

实现拖拽的原理

标签:丢失   位置   事件   release   信息   火狐   lease   chrome   移动   

原文地址:http://www.cnblogs.com/Scar007/p/7640585.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!