如何为<form>内所有<input>和<select>添加焦点处理器

没问题！要把焦点处理器扩展到<form>内的<select>元素，同时不影响其他标签，只需要调整元素选择器，精准锁定目标标签即可。

原生JavaScript实现 #

假设你原来的代码是这样处理<input>的：

// 原代码：仅处理form内的input
document.querySelectorAll('form input').forEach(input => {
  input.addEventListener('focus', yourFocusHandler);
});

只需要把选择器修改为同时包含<input>和<select>，就能实现需求：

// 扩展后：同时处理form内的input和select
document.querySelectorAll('form input, form select').forEach(element => {
  element.addEventListener('focus', yourFocusHandler);
});

这个选择器form input, form select会精准匹配所有<form>标签下的<input>和<select>后代元素，完全不会选中<div>、<span>这类无关标签。

如果你用jQuery #

如果项目里用了jQuery，写法更简洁：

$('form input, form select').on('focus', yourFocusHandler);

可选：仅匹配直接子元素 #

如果你的需求是只处理