javascript - 如何确定是否在滚动条或元素中的其他任何地方发生了鼠标按下事件？

Question

我有一个 HTML div，它用作包含许多对象的画布。

在这个画布中，用户可以用鼠标绘制一个矩形来选择对象。我的实现有一个缺陷：如果画布太大并且出现滚动条，拖动滚动条也会绘制一个选择矩形。

什么是区分滚动条上的鼠标按下和组件上其他任何地方的鼠标按下的好方法？

编辑：我不是在问如何删除滚动条。我需要它们时需要它们

编辑：这是重现我正在处理的问题的最小小提琴：http: //jsfiddle.net/jUe8T/

Answer 1

小提琴非常有帮助，因为我虽然你正在使用<canvas>元素......我认为这就是你想要的：http: //jsfiddle.net/jUe8T/1/

我通过向with作为处理程序添加一个.scroll事件来做到这一点，如下所示：$('#canvas')upHandler

$('#canvas').scroll(upHandler);