拖拽以及沿拖拽轨迹返回(js原生练习)

dome地址:laihuamin.github.io/jsExample/html/six1.html

js部分

1、获取dom元素以及定义一下要用的变量,及初始化内容。

2、给内容块添加鼠标按下事件,drag为true时,便成为可拖拽状态。

3、给全局制定鼠标松开事件,窗口失去焦点事件,onlosecapture事件(当元素失去鼠标移动所形成的选择焦点时触发)

4、鼠标移动事件,根据计算可以得出移动数据将其push到数组中。

5、然后给文字添加点击事件,是的其做pop操作,按原轨迹返回。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 我们首先要明白,我们给页面添加效果用到的js到底是什么?js其实包含三部分:dom 文档对象模型 bom 浏览...
    一直以来都很好阅读 817评论 0 0
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,370评论 0 8
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,640评论 2 10
  • 因为要做一个地图操作的项目,需要用到这个地图库,但是查询官方API麻烦,而且这个地图框架的API做的用起来确实太麻...
    虚幻的锈色阅读 34,024评论 1 15
  • 感谢主的恩典,今天一直思想一节圣经:亚:8:13使你们为有福的,这是天父的心,他愿意看到他的儿女为有福的,他也愿意...
    恩宠爸爸阅读 314评论 0 0