两个鼠标事件用于相同的功能

Question

我有一个滑块，允许用户通过拖动滑块来选择两个值。

我在div中添加了一个onmouseup事件，这样当用户完成拖动时，就会调用一个函数。

即。

    <div id="slider" onmouseup="myFunction()">
         Some code
    </div>

这在大多数情况下效果很好。但是如果用户开始拖动并且他们的鼠标在完成时恰好位于div之外（相当常见），则不会触发onmouseup事件。

是否还有其他适合我需求的活动？

我尝试过使用两个事件：

    <div id="slider" onmouseup="myFunction()" onmouseout="myFunction()">
         Some code
    </div>

但是事件不能一起工作，因此函数收集的值在用户指定的值和默认值之间闪烁（因为它们在不同的时间被调用）。

我非常希望onMouseUp可以工作，如果点击开始在div中，但它可以在任何地方'up'。有什么想法吗？