是否可在Chrome中禁用所有元素的onBlur事件？含右键检查下拉项需求

检查下拉项时避免父容器关闭的方法 #

• 用Chrome DevTools的暂停功能
  • 打开DevTools（按F12或Ctrl+Shift+I），切到Sources面板
  • 点暂停脚本执行的按钮（⏸️图标），或者直接按F8
  • 回到页面点开下拉菜单，这时脚本暂停，右键检查元素就不会触发关闭逻辑
• 强制锁定下拉容器展开状态
  • 打开DevTools的Elements面板，找到下拉容器的父元素，在Styles面板里加display: block !important（如果容器靠display控制显示隐藏），强制让它保持展开，之后就能自由检查下拉项

禁止特定元素右键点击时触发onBlur的代码 #

可以通过监听右键事件，临时禁用目标元素的onBlur，操作完成后再恢复：

// 针对单个目标元素
const targetItem = document.querySelector('.your-dropdown-item');
targetItem.addEventListener('contextmenu', (e) => {
  // 可选：阻止默认右键菜单，不需要可删掉这行
  e.preventDefault();
  // 保存原blur处理函数
  const originalBlur = targetItem.onblur;
  // 临时清空onblur
  targetItem.onblur = null;
  // 100ms后恢复，确保检查操作完成
  setTimeout(() => {
    targetItem.onblur = originalBlur;
  }, 100);
});

如果要批量处理符合条件的元素，用全局监听：

document.addEventListener('contextmenu', (e) => {
  // 自定义判断条件，比如匹配所有下拉项类名
  if (e.target.matches('.dropdown-item')) {
    e.stopPropagation();
    const originalBlur = e.target.onblur;
    e.target.onblur = null;
    setTimeout(() => {
      e.target.onblur = originalBlur;
    }, 100);
  }
});

全局禁用Chrome中所有元素的onBlur事件 #

这种操作会破坏页面正常交互（比如输入框失焦逻辑），谨慎使用：

// 方法一：重写元素原型，让onblur赋值无效
Object.defineProperty(HTMLElement.prototype, 'onblur', {
  set: function() {},
  get: function() { return null; }
});

// 方法二：在捕获阶段监听全局blur，全部拦截
document.addEventListener('blur', (e) => {
  e.stopPropagation();
  e.preventDefault();
}, true);

内容的提问来源于stack exchange，提问作者ED SA