在js中利用面向对象+事件监听方法实现一个简单的拖拽效果，且利用本地存储localstorage记住拖拽的位置，实现刷新页面盒子保持原地不动，不会返回初始位置

1、基本布局，一个div即可

 

 

2、添加js代码实现效果

 　添加对应的事件

 

   我这边的具体注释都在代码上写出来了，大家有不懂的地方可以参考注释

 

 

 

 

  写完代码我们执行，然后到浏览器看控制台，我们可以看到，本地存储的坐标，刷新之后也是没有改变的，这样一个简单的拖拽效果就做好了，大家感兴趣的话也可以自己尝试一下哦

 

 

总结一下：注意添加事件时this指向的问题，这个有很多小伙伴容易弄错，最后就是别忘记执行呦！！！欢迎大家点赞关注，后期也会继续把一些技术分享给大家~