思路:
1.首先改变被拖动元素的布局属性,关键是“position:absolue”;
2.捕捉鼠标事件"mousedown","mousemove","mouseup";
3.当触发"mousedown"时,记录下当前鼠标在元素中的相对位置,_x,_y;
4.紧接着处理"mousemove"事件,通过改变元素的top和left属性来移动元素;
5.当触发"mouseup"时间时,终止拖动。
同时,应考虑代码的封装性和浏览器的兼容性,代码如下:
draggable div
Copyright © 2019- bwgh.cn 版权所有
违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务