阻止输入框的失焦

想实现的场景是，在输入框里输入内容后，鼠标点击输入框的外部，这时，做简单的校验，如果没有通过，那输入框不失焦。

相信大多数人，脑海中都会冒出来event.preventDefault方式来阻止默认事件，那来试一下吧。

function Counter() {
  const hanldeBlur = (e) => {
    e.preventDefault();
  }
  return (
    <>
      <input onBlur={hanldeBlur} placeholder="请输入"/>
    </>
  )
}

试过以后发现，event.preventDefault没有失效，也许是blur事件特殊吧，接着想思路。