可用element.matches()判断事件目标是否为输入框，传入"input, textarea, select"等选择器；需作用于event.target，注意兼容旧浏览器及disabled/readonly状态。
在 JavaScript 中，可以用 Element.matches() 方法判断当前触发事件的元素是否为输入框（如 <input>、<textarea></textarea>、<select></select>），关键在于传入合适的 CSS 选择器。
用 matches 检查是否为常见输入类元素
matches() 接收一个 CSS 选择器字符串，返回 true 或 false。对表单输入控件，常用选择器包括：
-
"input"：匹配所有<input>元素 -
"input[type='text'], input[type='email'], input[type='number']"：匹配指定类型的 input -
"input, textarea, select"：覆盖三大基础可编辑表单控件
在事件监听中正确使用 target.matches()
注意要作用于事件对象的 event.target（实际触发事件的元素），而非 event.currentTarget（绑定监听器的元素）。例如：
deep-java-review
下载
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
document.addEventListener('click', function (e) {
if (e.target.matches('input, textarea, select')) {
console.log('点击的是输入框');
}
});
兼容性与 fallback 建议
现代浏览器均支持 matches()，旧版 Chrome/Safari 曾用 webkitMatchesSelector()，Firefox 用 mozMatchesSelector()。如需兼容 IE9+，可加简单封装：
function isInputTarget(el) {
return el.matches
? el.matches('input, textarea, select')
: el.msMatchesSelector && el.msMatchesSelector('input, textarea, select');
}
注意点：区分 input 和只读/禁用状态
matches() 只看标签和属性，不判断是否可编辑。若还需排除 disabled 或 readonly 的情况，需额外判断：
if (e.target.matches('input, textarea, select') &&
!e.target.disabled &&
!(e.target.tagName === 'INPUT' && e.target.readOnly)) {
// 真正可交互的输入框
}Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
