onozaty https://blog.hatena.ne.jp/onozaty/ Enjoy*Study https://blog.enjoyxstudy.com/ [programming] JavaScript 後から追加されたり、途中で置き換わったりする要素に対してイベントハンドリングを行おうとした場合、下記のようにその要素に対してイベントハンドラを登録してしまうと、現在存在しない場合は当然エラーになりますし、要素自体が丸ごと置き換わってしまうような場合には、そのタイミングで登録していたものが意味のないものになってしまうため、うまくいきません。 こういった場合には、現在存在し、その後も置き換わることのない親の要素(たとえばdocument)に対してイベントハンドラを登録し、その中で、イベント発生元の要素をチェックして処理します。下記はdocumentに対して設定していますが、必要以上にハンドリングし… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.enjoyxstudy.com%2Fentry%2F2015%2F03%2F01%2F000000" title="JavaScriptで後から追加されたり置き換わったりする要素に対してイベントをハンドリングする - Enjoy*Study" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://blog.st-hatena.com/images/theme/og-image-1500.gif Hatena Blog https://hatena.blog 2015-03-01 00:00:00 rich https://blog.enjoyxstudy.com/entry/2015/03/01/000000 1.0 100%