PHP mysqli表单在Chrome中点击text-areas自动返回上一页，Edge正常

这种浏览器特定的异常确实让人头疼，尤其是Chrome和Edge（同属Chromium内核）表现不一致的情况。结合你描述的现象——表单在Edge正常、Chrome（包括他人设备）点击textarea就回退、已清除缓存无效，我整理了几个针对性的排查方向：

• 检查事件绑定是否异常
  大概率是某个脚本给textarea（或其上级元素）绑定了意外的回退逻辑。你可以：

  1. 打开Chrome开发者工具（F12），切换到「Elements」面板，选中目标textarea；
  2. 在右侧「Event Listeners」标签下，查看click、focus、mousedown这类触发时机接近的事件，逐个展开查看绑定的脚本；
  3. 特别注意事件委托的情况——比如给父容器绑定了事件，textarea触发冒泡后执行了history.back()或window.history.go(-1)代码。

• 排查表单元素的冲突或默认行为
  有时候元素的name/id属性可能和脚本变量冲突，比如textarea的id为back，刚好某个脚本里有document.getElementById('back').click()这类逻辑，导致误触发。另外可以尝试给textarea添加autocomplete="off"属性，排除Chrome自动填充功能的干扰。

• 检查页面元素的重叠覆盖
  看似点击textarea，实际可能触发了上层隐藏元素的事件。你可以：

  1. 在Chrome开发者工具的「Elements」面板中，用选择工具（左上角箭头）点击textarea区域，查看实际选中的元素；
  2. 切换到「Layers」面板，检查是否有绝对定位、高z-index的元素覆盖在textarea上方。

• 用控制台追踪执行流程
  在Chrome控制台中执行以下代码，给textarea添加调试监听：

  document.querySelector('textarea').addEventListener('focus', (e) => {
    console.log('触发focus事件:', e);
    debugger; // 触发时自动断点
  });
  

  点击textarea后，查看调用栈，追踪是否有脚本在此时执行了回退操作。

• 排除Chrome扩展的干扰
  部分广告拦截、表单增强类扩展可能篡改页面行为。试试在Chrome无痕模式下打开页面（默认禁用所有扩展），如果此时恢复正常，就逐个禁用扩展排查问题来源。

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