javascript - 为什么 onMouseUp 没有触发？

Question

我有一个 div，其中设置了一个 onMouseUp 事件(在 HTML 中)。在该 div 中有许多元素，其中一些包含我想要拖动的 handle 图标。图标有一个 onMouseDown 事件。

当我将鼠标放在图标上并释放它时，首先会触发图标的 onMouseDown 事件，然后会触发 div 的 onMouseUp 事件 - 正如我所期望的那样。

但是，当我单击图标，将其拖到 div 的另一部分并释放时，mouseDown 事件如您所料被触发，而 onmouseUp 事件未被触发。

我有两个问题。

1) 为什么会这样？

2) 以独立于浏览器的方式处理拖放的正确方法是什么？

我在 widows 上使用 firefox 3.6.16，但 IE 8 的行为方式相同。

Answer 1

我知道这似乎不是一个公平的答案，但最好的答案(在我看来)是使用 jQuery 之类的东西并使用 draggable。我只使用过 Dojo 和 jQuery，但它们都有易于使用的独立于浏览器的拖放界面。

这是一个解释 jQuery 的 url。

http://jqueryui.com/demos/draggable/