javascript - 如果单击滚动条，则取消 mousedown 事件？

Question

我有一个包含大量 li 元素的无序列表。当单击列表内的(mousedown 事件)时，我使用 event.target 来确定是否单击了 li。如果目标元素是 ul，我取消选择所有 li 元素。

但是，当单击滚动条时，也会触发 mousedown 事件，并且目标元素是 ul。但我不想通过单击滚动条来取消选择任何内容。那么如何确定滚动条是否被单击以便取消事件呢？

谢谢

Answer 1

您可以通过创建一个具有相同高度和宽度+30px(滚动条)的包装div，它具有溢出属性。这样，当单击新 div 的滚动条时，它不会触发 UL 的单击。