如何恢复通过.removeAttribute移除的onmouseout事件属性

• 你的setAttribute方法调用参数缺失：DOM的setAttribute需要传入属性名和属性值两个参数，你只填了onmouseout属性名，没有传入对应的事件处理代码，所以事件绑定没有生效
• 你原有HTML代码中onmouseout的逻辑存在错误：事件内调用的MM_showHideLayers最后一个参数为show，会导致鼠标移开时反而显示覆盖层，和预期的移开隐藏效果不符

直接补全setAttribute的属性值即可，属性值和你HTML中绑定的onmouseout逻辑保持一致，同时修正逻辑错误：

function btn01On() {
   document.getElementById("btn01").removeAttribute("onmouseout");
}

function btnClear() {
   // 补全第二个参数，填入修正后的onmouseout事件逻辑
   document.getElementById("btn01").setAttribute("onmouseout", "MM_showHideLayers('OverlayCurrentExc','','hide')");
   // 同步隐藏对应覆盖层
   MM_showHideLayers('OverlayCurrentExc','','hide')
}

对应的HTML代码也同步修正onmouseout逻辑：

<button id="btn01" class="map-button map-button1"
onclick="MM_showHideLayers('InfoCurrentExc','','show','OverlayCurrentExc','','show');btn01On();" 
onmouseover="MM_showHideLayers('OverlayCurrentExc','','show')" 
onmouseout="MM_showHideLayers('OverlayCurrentExc','','hide')">
Current Excavation
</button>

不要通过删除/新增DOM属性的方式控制效果，改用状态变量控制逻辑更稳定，不需要反复操作DOM，也不会出现事件丢失的问题：

1. 首先定义全局变量存储当前选中的按钮ID

// 存储当前永久激活的按钮ID，默认为空
let currentActiveBtn = null

2. 改造按钮的事件绑定，加状态判断，不需要单独写btn01On这类单按钮函数

<button id="btn01" class="map-button map-button1"
onclick="currentActiveBtn='btn01';MM_showHideLayers('InfoCurrentExc','','show','OverlayCurrentExc','','show');" 
onmouseover="MM_showHideLayers('OverlayCurrentExc','','show')" 
onmouseout="if(currentActiveBtn!=='btn01'){MM_showHideLayers('OverlayCurrentExc','','hide')}">
Current Excavation
</button>

3. 清空选中状态时直接修改状态变量即可

function btnClear() {
  if(currentActiveBtn) {
    // 这里可以添加你原来的全局覆盖层清空逻辑
    currentActiveBtn = null
  }
}

如果有多个按钮，只需给每个按钮的事件逻辑替换对应的ID即可，后续扩展更方便。

内容的提问来源于stack exchange，提问作者Daniel Taylor