title: EventListener to determine when data-src changes to src
body: <p>So I've been messing with a piece of code for some time now, and I can't seem to properly determine when <code>data-src</code> changes to <code>src</code> - So I want to see if I can hook a EventListener to an element and see if we can properly determine it then.</p>
  <p>So let's say that I have the following element <code>let iframe = videoWrapper.html(videoElement).children('iframe');</code> which gives me:<br />
  <a href="https://i.stack.imgur.com/kA76Z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kA76Z.png" alt="enter image description here" /></a></p>
  <p>Which renders like this:<br />
  <a href="https://i.stack.imgur.com/pT32B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pT32B.png" alt="enter image description here" /></a></p>
  <p><strong>Please note</strong>: A third-party implementation changes the <code>data-src</code> to <code>src</code> dynamically based on various actions.</p>
  <p><strong>Question</strong>:<br />
  What is the best approach to take to check when the <code>data-src</code> has switched over to <code>src</code> and then execute conditionals/methods? I'd like to hook a event listener to determine that, but I don't know which one would be the right approach.</p>
  <p>All help is appreciated!</p>