有没有办法使用javascript激活浏览器滚动条上的右键单击

有没有办法使用javascript激活浏览器滚动条上的右键单击,javascript,html,css,Javascript,Html,Css,如何使用右键单击滚动条滚动条 通常,当我们左键单击滚动条路径时,我们会移动到鼠标单击的位置,但当我们右键单击滚动条时,它不会起任何作用。您可以使用事件上下文菜单模拟单击鼠标右键的事件 接下来,我们禁用事件上下文菜单的默认行为-我们禁用上下文菜单的外观: event.preventDefault(); 借助于if{…}条件下的计算,我们得到了我们需要的结果。通过X和Y以滚动条区域为目标: event.offsetX > event.target.clientWidth || event.o

如何使用右键单击滚动条滚动条


通常,当我们左键单击滚动条路径时,我们会移动到鼠标单击的位置,但当我们右键单击滚动条时,它不会起任何作用。

您可以使用事件
上下文菜单模拟单击鼠标右键的事件

接下来,我们禁用事件
上下文菜单的默认行为
-我们禁用上下文菜单的外观:

event.preventDefault();
借助于
if{…}
条件下的计算,我们得到了我们需要的结果。通过XY以滚动条区域为目标:

event.offsetX > event.target.clientWidth || event.offsetY > event.target.clientHeight
相应地,不是
console.log(“右键单击滚动条!”),您可以使用需要调用的任何逻辑

window.addEventListener(“上下文菜单”,函数(事件){
if(event.offsetX>event.target.clientWidth | | event.offsetY>event.target.clientHeight){
event.preventDefault();
log(“右键单击滚动条!”);
}
});
正文{
高度:5000px;

}
回答得很好,但我会移动
event.preventDefault()在条件内,以便在滚动条上没有右键单击时保持默认行为。@MihaiMatei。谢谢对我同意你的看法。根据你的建议会更正确。在条件内移动了
event.preventDefault()