yum_fishing https://blog.hatena.ne.jp/yum_fishing/ iOSエンジニアのつぶやき https://yamato8010.hatenablog.com/ React TypeScript 結論 下記のようにして、全体の要素のmousedownイベントを監視して、そのイベントの中のtargetRefに関するイベントのみ除外することで、特定の要素以外の場所がタップされたことを検知することができます👀 const targetRef: React.RefObject<HTMLDivElement> = React.createRef() useEffect(() => { const handleClickOutside = (event: MouseEvent) => { if ( targetRef.current && !targetRef.current.contains(e… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyamato8010.hatenablog.com%2Fentry%2F2021%2F06%2F21%2F083000" title="【React】特定のコンポーネントの外側のタップを検出する - iOSエンジニアのつぶやき" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/156070317/1620294104599893 Hatena Blog https://hatena.blog 2021-06-21 08:30:00 rich https://yamato8010.hatenablog.com/entry/2021/06/21/083000 1.0 100%