已等待iframe.onload仍无法为iframe元素添加事件监听器

看起来你遇到的核心问题是没有正确访问iframe内部的DOM元素——你当前的代码是在父页面的DOM中查找元素，而不是在iframe加载完成后的内部DOM里。下面是具体的分析和修复方案：

问题根源 #

当你在iframe.onload回调里直接使用$('#MapAddress')或document.getElementById()时，这些方法默认是在父页面的文档对象中查找元素，而不是iframe内部的文档。因为iframe是一个独立的浏览上下文，它的DOM和父页面是完全分离的。

修复步骤 #

1. 正确获取iframe内部的文档对象 #

首先要获取iframe的内部文档，通过contentDocument或contentWindow.document（兼容不同浏览器）：

var iframe = document.getElementById("store-locator-wrapper");
iframe.onload = function() {
  // 获取iframe内部的文档对象
  const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
  
  // 接下来所有元素查找都要基于这个iframeDoc
  // ...
}

2. 为iframe内的输入框添加回车事件监听器 #

如果iframe内部加载了jQuery，可以用jQuery写法；如果没有，推荐用原生JS（更稳妥，无需依赖）：

原生JS版本

const mapAddressInput = iframeDoc.getElementById("MapAddress");
mapAddressInput.addEventListener('keypress', function(event) {
  const keycode = event.keyCode || event.which;
  if (keycode === 13) {
    // 处理提示隐藏，注意!important的设置方式
    const geolocFailed = iframeDoc.getElementById("geolocation-failed");
    geolocFailed.style.setProperty('display', 'none', 'important');
  }
});

jQuery版本（需iframe内已加载jQuery）

$(iframeDoc).find('#MapAddress').keypress(function(event) {
  const keycode = event.keyCode || event.which;
  if (keycode === 13) {
    $(iframeDoc).find('#geolocation-failed').css('display', 'none', 'important');
  }
});

3. 为搜索按钮添加点击事件监听器 #

同样基于iframe内部的文档对象：

const searchButton = iframeDoc.getElementById("lsl-search-button");
searchButton.addEventListener('click', function() {
  const geolocFailed = iframeDoc.getElementById("geolocation-failed");
  geolocFailed.style.setProperty('display', 'none', 'important');
});

额外注意事项 #

• 同源策略限制：如果你的iframe加载的是第三方域名内容（和父页面不同域），浏览器会阻止你访问iframe内部DOM，这时候需要插件方提供回调接口或使用postMessage进行跨域通信。从你的描述来看这是自有网站插件，应该是同域场景，上述方法适用。
• CSS优先级优化：直接用style.setProperty设置!important虽然可行，但更推荐通过添加/移除CSS类来控制显示（比如定义.hidden { display: none !important; }），这样更符合前端最佳实践：

  // 替代style.setProperty的写法
  geolocFailed.classList.add('hidden');
  

完整修复后的代码：

<script>
var iframe = document.getElementById("store-locator-wrapper");
iframe.onload = function() {
  const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

  // 处理输入框回车事件
  const mapAddressInput = iframeDoc.getElementById("MapAddress");
  mapAddressInput.addEventListener('keypress', function(event) {
    const keycode = event.keyCode || event.which;
    if (keycode === 13) {
      const geolocFailed = iframeDoc.getElementById("geolocation-failed");
      geolocFailed.style.setProperty('display', 'none', 'important');
    }
  });

  // 处理搜索按钮点击事件
  const searchButton = iframeDoc.getElementById("lsl-search-button");
  searchButton.addEventListener('click', function() {
    const geolocFailed = iframeDoc.getElementById("geolocation-failed");
    geolocFailed.style.setProperty('display', 'none', 'important');
  });
}
</script>

内容的提问来源于stack exchange，提问作者Marvin Tandler