[转]JavaScript简单实现div拖拽
来源:互联网 发布:java数据集成解决方案 编辑:程序博客网 时间:2024/05/19 18:11
Javascript 元素拖曳操作 By shawl.qiu (兼容IE,Opera,Firefox)
说明:
拖曳流程
鼠标按下->(鼠标移动->元素移动)
鼠标按键弹起->元素停止移动
针对 IE, 主要使用 obj.attachEvent() && obj.detachEvent()
针对 Firefox 主要使用 DOM 2 的 obj.addEventListener() && obj.removeEventListener
Opera 以上两种方法都支持
在本文中, 需要拖曳的元素必须指定style 属性为 position:absolute;
且应指定 left && top 的坐标值, 如:
- linenum
-
- element 1
- dragging compatibility for IE, Opera, Firefox.
- element 1
函数 fDragging(obj, e, limit) 的各参数解释:
obj: HTML元素对象, 要拖曳的元素
e: 指定为 event 对象, 主要为兼容 Firefox
limit: 布尔值, 指定是否只能在父元素中拖曳, false 可移动至任何位置.
函数 fDragging(obj, e, limit) 应该在 HTML onmousedown 属性 下使用, 如:
- linenum
-
- element
- dragging compatibility for IE, Opera, Firefox.
- element
shawl.qiu
2006-11-10
http://blog.csdn.net/btbtd
函数: fDragging(obj, e, limit) 及使用演示
- linenum
- http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- http://www.w3.org/1999/xhtml">
shawl.qiu template - this parent
- element
- dragging compatibility for IE, Opera, Firefox.
- element 1
- dragging compatibility for IE, Opera, Firefox.
- element 2
- dragging compatibility for IE, Opera, Firefox.
- dragging everywhere
来源: http://blog.csdn.net/btbtd/archive/2006/11/10/1377810.aspx
- [转]JavaScript简单实现div拖拽
- [转]JavaScript简单实现div拖拽
- [转]JavaScript简单实现div拖拽
- javascript 实现简单的div拖动
- javascript学习之简单实现jquery的$("div").text()。
- 30、JavaScript中简单拖拽DIV的实现
- div+javascript实现popup
- javascript实现div拖放
- div+javascript实现popup
- DIV+JavaScript实现日历控件
- javascript实现div+css切换
- javascript动态实现div变色
- Javascript实现Div可拖拽 (jquery)
- JavaScript实现DIV拖动效果
- Javascript 实现 div 的拖动
- javascript:浮动div,可拖拽div,遮罩层(div和iframe实现)
- javascript:浮动div,可拖拽div,遮罩层(div和iframe实现)
- javascript:浮动div,可拖拽div,遮罩层(div和iframe实现)
- [转]mixi.jp:使用开源软件搭建的可扩展SNS网站
- 轻轻松松产生 Makefile (ZZ)
- [转]Ajax:拥抱JSON,让XML走开
- Delphi 开发易语言支持库再获重大进展,支持窗口控件了
- WinGate 6.0 build 984铪铪铪
- [转]JavaScript简单实现div拖拽
- 学习C++:实践者的方法(Beta1)
- [原创]Memcache的使用和协议分析详解
- TopLanguage小组讨论精选[三](2007.11-2007.12)
- TopLanguage讨论精选二(2007.10-2007-11)
- 我的第一篇文章
- 错误处理(Error-Handling):为何、何时、如何(rev#2)
- TopLanguage讨论精选一(2007.8-2007.10)
- 为什么C++(中文版——感谢waterwalk翻译)