移动端点击无响应、弹窗出现后背景仍滚动，表面上都与事件有关，实际需要分开处理。删除 label for 或对所有 touchmove 调用preventDefault，可能让一个现象消失，同时破坏正常交互。

label是控件标签，不是搜索按钮

2018年的一次页面问题中，搜索图标写在label上，既调用 search()，又用 for="search" 关联输入框。在iPhone上点击无反应，移除for后现象消失。

这个观察不足以证明iPhone不支持label或for。应检查脚本错误、事件目标、函数与元素命名，以及关联控件的默认动作。label的价值恰恰是把文字与控件关联起来。HTML标准：label

把“输入说明”和“执行搜索”拆开会更明确。以下使用普通表单提交事件，无需内联onclick：

<form id="product-search">
  <label for="product-query">搜索商品或作品</label>
  <input id="product-query" name="q" type="search">
  <button type="submit">搜索</button>
</form>
<p id="search-feedback" role="status"></p>

脚本放在这些元素之后，或通过defer加载：

const form = document.getElementById("product-search");
const input = document.getElementById("product-query");
const feedback = document.getElementById("search-feedback");

form.addEventListener("submit", (event) => {
  event.preventDefault();
  const query = input.value.trim();
  feedback.textContent = query ? "搜索条件：" + query : "请输入搜索内容";
  // 这里演示事件与取值；实际项目再接搜索逻辑
});

这个示例可由按钮和Enter触发，且不依赖一个与元素ID同名的全局函数。它没有连接实际搜索接口，文字用textContent输出，不作为HTML插入。

禁止背景滚动，不等于禁止整个弹窗滚动

另一条旧记录直接在弹窗div上写 ontouchmove="event.preventDefault()"。长内容弹窗因此可能无法滚动，输入、缩放和其他手势也可能受影响。

先明确希望保留哪些行为：背景是否锁定、弹窗内容能否滚动、滚动到边界后如何处理，以及关闭时焦点与原滚动位置是否恢复。优先采用框架或组件已有的弹窗与滚动管理，不为一个症状加全局事件拦截。

preventDefault取消默认动作，需要事件可取消，且监听器不是passive；它也不是阻止冒泡的同义词。DOM事件取消规则

用多种输入方式验证

检查触控点击、鼠标、键盘Enter与Tab、长内容滚动和关闭后焦点。真机的系统、浏览器或WebView版本会影响表现，不能用桌面模拟一次就宣布覆盖全部iPhone环境。

label问题与滚动问题可以共享事件知识，但不能共享一条“全部禁用默认行为”的修复。