在元素内部拖动到元素外部，onmouseup事件失效怎么办？

x269147836 2012-07-04 03:41:25

我给一个div绑定了mousedown和mouseup事件
本以为可以正常使用，
刚才手痒，按住鼠标在上面乱点，结果发现鼠标移开之后还在执行mousedown里面的代码...

...全文

286 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

x269147836 2012-07-05

打赏
举报

回复

[Quote=引用 2 楼的回复:]

mousemove也会出这问题的。
[/Quote]
没有发现呢，貌似可以了~
不过如果按住鼠标过程中移动鼠标，就停止执行了，但总比事件丢失要好~~

米娜Rose 2012-07-04

打赏
举报

回复

mousemove也会出这问题的。

x269147836 2012-07-04

打赏
举报

回复

我改成mousemove事件了

ff下onmousemove鼠标按不按都是1所以就不能这样用了 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

/ 获取鼠标的位移（鼠标此时的page值 - 鼠标按下时的初始值 = 元素的移动值）//offset 元素的偏移坐标有两个属性：top left（对显示的元素有用）//page 显示鼠标指针的位置（此时相当于，鼠标按下的初始值）3、mousemove和mouseup必须挂载在document。// 获取鼠标离元素(0,0)位置的距离。2、在事件最后添加return false;

于是乎，这个问题得到了解决，今天分享这篇文章主要是为了记录这个问题，希望可以帮助那些遇到相同问题的人，毕竟当时自己并没有第一时间发现这个问题，现在解决了，觉得挺值得保存并分享出去的。一开始我对问题的定位不够清楚，导致浪费了很多时间，在这个过程中如果求助 ai 也是没什么效果的的，因为一开始就没有正确的把问题描述出来，ai 所提供的答案只是它所看到的问题。所以在遇到问题时，一定要冷静下来思考代码结构，思考问题的核心，这样解决起来事半功倍。

拖动鼠标后只进行了一个操作，放开鼠标左键，由于链接正‘常的内部页面时，放开鼠标左侧按键后没有改变菜单宽度，可以推测出此时onmouseup事件没有触发导致了这个问题。放开鼠标左侧按键后，鼠标拖动时依然会改变右侧菜单的宽度，可以知道可能document对象的onmousemove事件依然绑定了处理右侧菜单宽度的函数。基于上述的结论，可以这样解决，当鼠标左键按下操作左侧菜单时通过js操作document的API生成了一个本地的遮罩，放开左键时，取消这个遮罩就可以了。...

如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。 onmousedown：鼠标按下事件onmousemove：鼠标移动事件onmouseup：鼠标抬起事件拖拽的基本原理就是根据鼠标的移动来移动被拖拽的元素。鼠标的移动也就是x、y坐标的变化;元素的移动就是style.position的 top和left的改变。当然，并不是任何时候移动

87,994

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章