这篇文章主要介绍了关于js将任意元素移动到指定位置，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
思路：将某元素移动到指定位置======需传入2个参数。一个是要移动的元素element，另一个是指定的位置target。
获取元素的当前位置current，设置一个每次移动的距离step，设置定时器，通过多次循环移动，到达目标位置。根据当前位置和目标位置的距离判断是否需要执行循环
以本文为例，这里有几个坑：
1、元素要移动，需要脱离文档流，即css样式中需要使用绝对定位
2、每触发一次点击，就产生一个定时器，当不停地点击按钮时，元素移动的速度不断加快
===》解决：只设置一个定时器，且在执行定时器之前先清理一次定时器，防止上次的操作留下影响。
只设置一个定时器可以根据对象的属性，对象点出来的属性有且只有一个。即element.timer1=setInterval();
3、获取元素的当前位置，需要用offsetLeft / offsetTop / offsetWidth / offsetHeight,得出的结果是number类型，没有px
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
