React - 判断焦点是否在某个元素上

WHOVENLY

于 2022-09-22 18:20:37 发布

阅读量927

点赞数

分类专栏： React 文章标签： react.js javascript 前端

本文链接：https://blog.youkuaiyun.com/huanan__/article/details/126950725

版权

在工作中遇到一个这个小功能,就是当用户从A输入框中失焦后,要去判断当前的焦点是否在B输入框中,如果是的话需要做一些特殊操作.其实实现起来很简单,就是使用ref配合document.activeElement方法即可实现,以下是实现的具体逻辑

import React from "react";
// 当在A输入框中失焦之后,要判断当前焦点是否在B输入框中
export default class App extends React.Component {
   
  constructor(props) {