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

2017-06-26  本文已影响0人  金华每文

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

js部分

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

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

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读