js 捕获子元素的 focus 事件

352328759

于 2020-05-25 09:13:58 发布

阅读量4.5k

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u013970232/article/details/106325802

版权

本文探讨了JavaScript中捕获子元素focus事件的问题。由于focus事件不冒泡，因此无法在父元素上监听子元素的焦点变化。然而，focusin事件作为focus的可冒泡版本，允许父元素监听到子元素的焦点获取。此外，还提到了可编辑元素的几种类型。了解这些区别对于优化用户交互体验至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

focus 事件可以绑定任何元素,但只有可编辑元素才可以触发 focus 事件.且 focus 事件不会冒泡. 所以不能在父元素监听子元素的 focus 事件.

focusin 事件与 focus 一样是在元素获取焦点时触发.但 focusin 可以冒泡.也就是说父元可以素监听子元素的 focusin 事件.

可编辑元素可以是原生的input, textarea. 也可以是 css(user-modify: read-write-plaintext-only;) 控制的div; 也可以是标签属性 (contenteditable=“true”) 控制的div.详情不在这里讨论.

<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta name="viewport"

最低0.47元/天解锁文章