按钮上的React onBlur事件在Safari中不起作用

Question

我有一个带有onClick和onBlur事件的按钮。

按钮在主体内部包含下拉列表ul。

“ {通过单击下拉菜单的外部来关闭下拉菜单”需要onBlur事件

这是按钮：

<button
    key={title}
    className="filters-item filters-item-btn"
    onClick={(e) => toggleDropdown(e, title)}
    onBlur={(e) => toggleDropdown(e, title)}
  >
      {title}

 // here is dropdown component code (removed)
  </button>

这是toggleDropdown函数

 toggleDropdown = (e, title) => {
    e.preventDefault();
    if (title) {
      this.setState({
        titleDropdown: title,
        openedDropdown: !this.state.openedDropdown
      });
    }
  };

如何优化onBlur事件以使其在 Safari和Firefox 中的按钮上起作用？