IE和FF兼容之DIV拖动
2010-10-22 16:29
465 查看
1.拖动DIV的关键在于把鼠标的移动事件不间断的进行捕获并进行处理。当鼠标快速移动时,即使移除了DIV的范围,也应该捕获事件进行相应的处理。在IE中,可以使用object.setCapture()方法,动作完成之后需要object.releaseCapture()。FF是不支持此方法的。解决的办法是将鼠标的移动事件绑定到document上,待鼠标释放时,移除事件。
2.添加事件的方法为:docuemnt.addEventListener(string eventName,functionName handleFunction,boolean bool)
移除事件的方法为:document.removeEventListener(string eventName,functionName handleFunction,boolean bool)
当然也可以用document.onmousemove = function() {};来绑定。
3.在FF里有的时候拖动容易中断,可能是因为鼠标移出DIV后,事件被其他元素捕获。可以通过event.preventDefault()来解决。
2.添加事件的方法为:docuemnt.addEventListener(string eventName,functionName handleFunction,boolean bool)
移除事件的方法为:document.removeEventListener(string eventName,functionName handleFunction,boolean bool)
当然也可以用document.onmousemove = function() {};来绑定。
3.在FF里有的时候拖动容易中断,可能是因为鼠标移出DIV后,事件被其他元素捕获。可以通过event.preventDefault()来解决。
相关文章推荐
- 简单的鼠标可拖动DIV 兼容IE/FF
- 兼容ie ff div 层 打开+关闭+ 拖动+遮罩+移动+动画改变高宽
- 兼容ie ff div 层 打开+关闭+ 拖动+遮罩+移动+动画改变高宽
- 背景变暗的div可拖动提示窗口,兼容IE、Firefox、Opera
- ahjesus 获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome
- js操作iframe的div移动 | 兼容FF+IE
- js右下角弹出可以缩小的框(div),兼容IE,FF
- 拖动层效果,兼容IE和FF!第1/2页
- 背景变暗的div可拖动提示窗口,兼容IE、Firefox、Opera
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- DIV+CSS IE6/IE7/IE8/FF兼容问题大全
- div隐藏滚动条仍保留滚动效果,兼容IE,FF,Webkit 和 O
- DIV 浮动对话框 兼容IE , FF
- css 兼容FF和IE的div之height及min-height
- FLASH遮挡DIV解决方案,兼容IE FF Chrome
- js 打印DIV内容 print div 兼容IE FF Google等主流浏览器
- 拖动层效果,兼容IE和FF!第1/2页
- javascript实现可以拖动的层示例(层拖动,兼容IE/FF)
- 纯css完美地解决图片在div内垂直水平居中,兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
- 设定DIV最小高度还能被撑开(IE与FF都兼容)