检查选项卡失去焦点是否导致FocusEvent

时间:2016-06-06 12:30:32

标签: javascript reactjs javascript-events

如果可能的话,我会如何检查输入是否因焦点切换/窗口失去焦点而失去焦点。

用例:我在模糊时重置表单,如果用户仅切换标签或窗口失去焦点,则希望数据保持不变

我知道我可以只检查在输入之外发生的点击事件,但我还想包括用户从表单中删除的可能性,这就是为什么我将句柄附加到一般模糊事件。

1 个答案:

答案 0 :(得分:0)

我设法使用document.hasFocus实现了这一点。

例如代码:

 handleBlur = () => {
    if (!document.hasFocus()) {
      return;
    }

    this.deactivate()
  };