你的位置:首页 > 软件开发 > 网页设计 > 简单的鼠标可拖动div 兼容IE/FF

简单的鼠标可拖动div 兼容IE/FF

发布时间:2015-03-21 16:00:26
一个简单的可拖动div,随着鼠标的移动,div可随之走动 主要思路:一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等)并继而转为监测onmousemove事件,在鼠标移动事件中更新div对象的位置属性 ...

简单的鼠标可拖动div  兼容IE/FF

一个简单的可拖动div,随着鼠标的移动,div可随之走动

 

主要思路:

一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等)

并继而转为监测onmousemove事件,在鼠标移动事件中更新div对象的位置属性

鼠标松开的时候解除监听,更新位置完成。

 

需要注意的两点

1.更新对象的位置需要用到o.style.left等,这些CSS属性只能内嵌才能被访问到:

<div id="box" style="left:200px;top:200px;"> box </div>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:简单的鼠标可拖动div 兼容IE/FF

关键词:ie

ie
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。