為什麼當有 input focus 時無法觸發 div 的 onClick

[gracekrcx]

情境描述：

當輸入文字在 input 後，直接 onClick 按鈕做下一個動作，但只要 input 是onFocus 的狀態，就無法觸發 click。 所以第一下的 click 是 input onBlur，第二下才是 div onClick

解決：

https://stackoverflow.com/a/57630197 基本上一個點擊會有底下幾個過程 onmousedown > onmouseup > onclick

// 解決方法，其他不動
onMouseDown={(e) => {
 e.preventDefault();
}}