咨询：手动输入特定URL回车时自动提交表单的JS实现方法

嘿，这个需求是可行的，但你给出的示例代码没办法直接生效，我来给你拆解下原因和正确的实现思路：

为什么你的示例代码不工作？ #

• 浏览器出于安全限制，不会把地址栏的输入框暴露成全局变量（比如你写的urlbar），所以你没法直接获取地址栏的输入内容。
• 地址栏的回车事件属于浏览器的顶层操作，常规的DOM事件监听无法捕获到这个行为。

正确的实现方式 #

核心思路是：当用户输入目标地址并回车后，浏览器会跳转到mylink.com/admin页面，我们需要在这个目标页面中添加代码，页面加载完成后自动提交表单。

示例代码

// 监听页面DOM加载完成事件
document.addEventListener('DOMContentLoaded', function() {
  // 检查当前页面的URL是否匹配目标地址
  const targetUrl = 'mylink.com/admin';
  if (window.location.href.includes(targetUrl)) {
    // 获取表单元素（假设你的表单有id为"myform"）
    const myForm = document.getElementById('myform');
    // 确保表单存在再提交，避免报错
    if (myForm) {
      myForm.submit();
    }
  }
});

额外注意事项 #

• 一定要确保代码是写在mylink.com/admin这个页面里，或者该页面引入的脚本中，否则无法触发提交。
• 部分浏览器可能会拦截无用户交互的自动表单提交，如果遇到这种情况，可以尝试添加一个微小的延迟：

  setTimeout(() => {
    myForm.submit();
  }, 100);
  

• 如果你的表单需要特定的参数，要确保在页面加载时这些参数已经存在于表单中，或者提前通过URL参数传递并填充到表单里。

内容的提问来源于stack exchange，提问作者Joseph Castillo