Javascript 禁用输入范围的键盘使用

Javascript 禁用输入范围的键盘使用,javascript,html,Javascript,Html,我有一个带滑块的标准表单: `<input type="range" min="0" max="100" value="50" id="my_slider" name="my_slider">` `` 可以使用鼠标或箭头键(单击滑块后)选择滑块的值。如何禁用键盘并强制用户使用鼠标定位滑块 一种可能性显然是使用Java脚本禁用整个页面上的箭头键,但如果可能的话,我希望避免这种情况 谢谢。您可以向输入中添加一个键侦听器,并调用将取消它的事件,以防止触发默认操作: var mySli

我有一个带滑块的标准表单:

`<input type="range" min="0" max="100" value="50" id="my_slider" name="my_slider">`
``
可以使用鼠标或箭头键(单击滑块后)选择滑块的值。如何禁用键盘并强制用户使用鼠标定位滑块

一种可能性显然是使用Java脚本禁用整个页面上的箭头键,但如果可能的话,我希望避免这种情况


谢谢。

您可以向输入中添加一个键侦听器,并调用将取消它的事件,以防止触发默认操作:

var mySlider=document.getElementById(“my_滑块”);
mySlider.addEventListener(“键控”,函数(事件){
event.preventDefault();
返回false;
});

您可以使用onkeydown事件阻止按键


那些不会使用鼠标的人呢?您试图通过阻止箭头键来解决的真正问题是什么?似乎当人们问htis这样的问题时,他们在试图掩盖另一个问题。@epascarello我正在编写一个实验室实验,参与实验需要能够使用鼠标(用于其他任务)。@epascarello我知道这个请求很奇怪,但我有很好的科学理由阻止箭头键(我可以给出更多的细节,但它更容易分散我的问题的注意力)。您确实不应该禁用键盘事件。适当的网站应该允许通过鼠标完成的任何事情也可以通过键盘实现。如果您坚持可以
$(''some\u id').keydown(false)
所以绑定一个键控侦听器并阻止它……这正是我想要的。非常感谢。