模糊操作，除非通过 React 单击特定元素或如何在模糊上单击元素

Question

我想在单击特定元素时阻止 onBlur 事件：

<input type="text" onBlur={<call when I click outside of element except when I click on a specific element>} />

Answer 1

您可以做的是为将停止调用的元素提供一个 ID，然后通过 event.latedTarget.id 检查该 ID

    const doSomething = (event) => {
        if(event.relatedTarget.id === "badButton"){
            return
        }
        //Do things
    }

    return(
        <div className="DashboardHeader" onBlur={(e) => doSomething(e)}>
            <button id="badButton">newbutton</button>
        </div>
    )