| 用javascript实现鼠标拖拽网页表单 |
|
| 作者：雪山老人… 文章来源：sohotx.com 点击数： 更新时间：2006-12-5 1:59:00 |
运行一小段代码来改变目标的样式．创造rollover效果 检查鼠标是否没有放开，如果没有 - 设置curTarget代表当前item
- 记录item的当前位置，如果需要的话，我们可以将它返回
- 克隆当前的item到dragHelper中，我们可以移动带阴影效果的item.
- item拷贝到dragHelper后，原有的item还在鼠标指针下，我们必须删除掉dragObj，这样脚本起作用，dragObj被包含在一个容器中．
- 抓取容器中所有的item当前坐标，高度/宽度，这样只需要记录一次，当item被drag时，每随mouse移动，每移钟就会记录成千上万次．
如果没有，不需要做任何事，因为这不是一个需要移动的item 5、检查curTarget，它应该包含一个被移动的item,如果存在，进行下面操作： - 开始移动带有阴影的item，这个item就是前文所创建的
- 检查每个当前容器中的container，是否鼠标已经移动到这些范围内了
- 我们检查看一下正在拖动的item是属于哪个container
- 放置item在一个container的某一个item之前，或者整个container之后
- 确认item是可见的
- 如果鼠标不在container中，确认item是不可见了．
6、剩下的事就是捕捉mouseUp的事件了 实现一个拖动的全代码： 点击这里运行代码 你现在拥有了拖拽的所有东西． 下面的三个demo是记录事件历史．当你的鼠标在item上移动，将记录所生的事件，如果你不明白可以尝试一下鼠标的划过或者拖动，看有什么发生． 点击这里运行代码 关于译者：
雪山老人，lamp程序员，web开发者，你可以访问sohotx.com来了解他！ 关于作者：
Mark Kahn是一个web开发者与DBA.你可以访问他的主页联系他！
|
|
资讯录入：admin 责任编辑：admin |
|
上一篇资讯： 没有了
下一篇资讯： Apache 2.2 完全参考手册（中文版） |
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
网友评论：（评论内容只代表网友观点，与本站立场无关！）
