如何监听按钮元素外的鼠标点击事件，尤其是鼠标侧键button 5的点击？

直接给全局window对象绑定鼠标事件即可监听整个标签页范围内的点击操作，判断事件对象的button属性值为5时触发自定义函数即可，完整实现如下：

// 自定义业务函数，按需修改内部逻辑
function targetFunction() {
  console.log('Button 5 侧键被触发');
}

// 绑定全局鼠标按下监听
window.addEventListener('mousedown', (event) => {
  // 匹配鼠标侧键 Button 5
  if (event.button === 5) {
    // 若需要覆盖浏览器默认的侧键行为（如前进/后退），取消下一行注释
    // event.preventDefault();
    targetFunction();
  }
});

补充说明 #

• 若需要在鼠标松开时才触发逻辑，把事件名mousedown替换为mouseup即可
• 如果后续需要移除该监听，建议使用具名函数作为事件回调，方便匹配移除，示例如下：

// 具名事件回调
function mouseDownListener(event) {
  if (event.button === 5) {
    targetFunction();
  }
}

// 绑定监听
window.addEventListener('mousedown', mouseDownListener);

// 需要移除监听时调用
// window.removeEventListener('mousedown', mouseDownListener);

内容的提问来源于stack exchange，提问作者Noah Henok