<input type=range> mousedown 事件:区分旋钮和滑块?

nny*_*yby 5 html javascript user-input

在范围输入的mousedown事件中,有没有办法确定用户是点击了范围输入的“旋钮”还是周围的滑块轨道?

看起来这可能是可能的,我只是不确定要查看什么属性。请参阅下面的 JS 控制台。首先我点击旋钮,触发mousedown,然后click。然后,我单击滑块,触发mousedown,然后input(因为此操作会更改值),然后click

范围输入事件的JS控制台

我正在像这样注销事件对象:

onMouseDown(e) {
    console.log('mousedown!', e);
}
Run Code Online (Sandbox Code Playgroud)

当我单击旋钮和滑块轨道时,您可以看到它看起来略有不同,但这可能没有意义。是否有我可以在这里获取的差异化数据?

这与一个较旧的问题有关:防止输入范围 html 元素上的 mousedown 事件并仍然让用户拖动滑块