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

Question

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

通常，当我们左键单击滚动条路径时，我们会移动到鼠标单击的位置，但是当我们右键单击滚动条时，它什么也不做。

标签： javascripthtmlcss

Answer 1

您可以使用 event 模拟单击​​鼠标右键的事件contextmenu。

接下来，我们禁用事件的默认行为contextmenu——我们禁用上下文菜单的外观：

event.preventDefault();

并且在if { ... }条件内的计算的帮助下，我们得到了我们需要的结果。通过X和Y定位滚动条区域：

event.offsetX > event.target.clientWidth || event.offsetY > event.target.clientHeight

console.log("Right click on the scrollbar!");因此，您可以使用任何需要调用的逻辑来代替。

window.addEventListener("contextmenu", function (event) {
    if (event.offsetX > event.target.clientWidth || event.offsetY > event.target.clientHeight) {
        event.preventDefault();
        console.log("Right click on the scrollbar!");
    }
});

body {
    height: 5000px;
}