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