Javascript <;输入类型=范围>;mousedown事件:区分旋钮和滑块?

Javascript <;输入类型=范围>;mousedown事件:区分旋钮和滑块?,javascript,html,user-input,Javascript,Html,User Input,在范围输入的mousedown事件中,是否有方法确定用户是单击范围输入的“旋钮”还是单击周围的滑块轨迹 这似乎是可能的,我只是不确定该看什么属性。请参阅下面的JS控制台。首先我单击旋钮,触发鼠标向下,然后单击。然后,我单击滑块,触发mousedown,然后单击input(因为此操作会改变值),然后单击 我正在注销事件对象,如下所示: onMouseDown(e) { console.log('mousedown!', e); } 您可以看到,当我单击旋钮和滑块轨迹时,它看起来略有不同

在范围输入的
mousedown
事件中,是否有方法确定用户是单击范围输入的“旋钮”还是单击周围的滑块轨迹

这似乎是可能的,我只是不确定该看什么属性。请参阅下面的JS控制台。首先我单击旋钮,触发
鼠标向下
,然后
单击
。然后,我单击滑块,触发
mousedown
,然后单击
input
(因为此操作会改变值),然后单击

我正在注销事件对象,如下所示:

onMouseDown(e) {
    console.log('mousedown!', e);
}
您可以看到,当我单击旋钮和滑块轨迹时,它看起来略有不同,但这可能没有意义。这里有没有我可以掌握的与众不同的数据


这与一个较老的问题有关:

你好,我把我的答案添加到了。看看这是否适合您的需要。@RoyScheffers谢谢,但是当用户单击范围的轨迹时,该解决方案阻止我处理mousedown事件。我通过mousedown、mouseup和mousemove跟踪拖动状态来解决这个问题。看:不错的文章!在找到解决方案方面做得很好。不幸的是,我发现了一个错误。要复制它,请单击滑块轨迹,在拇指之前或之后一点。按住鼠标按钮,然后开始沿轨迹拖动。你会看到拇指突然抓住了鼠标所在的位置,当鼠标稍微移动时,用户仍然能够指向并单击滑块。@RoyScheffers Hah yeah。。我确实注意到了。。这是不幸的,但我认为这种情况比旋钮不能自由拖动要好。如果你对此有任何建议,请告诉我。