見た目も機能もボタンなら当然buttonなんだけど、例えばモーダル作っててオーバーレイしてる半透明の部分クリックしたらモーダル閉じさせたい、みたいなときに半透明部分を何にするかは悩む。buttonではなくねという

manaten のブックマーク 2023/06/20 09:40

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4738133279897683493/comment/manaten" data-user-id="manaten" data-entry-url="https://b.hatena.ne.jp/entry/s/zenn.dev/tm35/articles/64eac4c0570c4d" data-original-href="https://zenn.dev/tm35/articles/64eac4c0570c4d" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Ftm35%2Farticles%2F64eac4c0570c4d" data-user-icon="/users/manaten/profile.png">なぜ <div> に onClick がダメなのか？</a><br><p style="clear: left">見た目も機能もボタンなら当然buttonなんだけど、例えばモーダル作っててオーバーレイしてる半透明の部分クリックしたらモーダル閉じさせたい、みたいなときに半透明部分を何にするかは悩む。buttonではなくねという</p><a class="datetime" href="https://b.hatena.ne.jp/manaten/20230620#bookmark-4738133279897683493"><span class="datetime-body">2023/06/20 09:40</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

なぜ <div> に onClick がダメなのか？

zenn.dev/tm352023/06/19

■ はじめに <div>要素にonClickを渡すべきではない、ということ聞いたことはないでしょうか？ただ、なぜ渡すべきでないのか？理解してなかったので今回調べてみました。サンプルコード今回動作確認に利用した...

203 人がブックマーク・25 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

なぜ <div> に onClick がダメなのか？

はてなブックマーク

公式Twitter

はてなのサービス