forループで要素ごとにaddEventListenerを追加したいがうまくいかない

Question

以下は、ページ上の画像にマウスオーバーしたとき、マウスオーバーしている画像のsrc属性をコンソールに出力する、というものです。
これを実際にデベロッパーツールで実行すると、マウスを違う画像に乗せても、同じURLが返ってきてしまいます。
どこか間違っているのでしょうか。それとも、仕様なのでしょうか？

for (i = 0; i < document.getElementsByTagName('img').length; i++){
	document.getElementsByTagName('img')[i].addEventListener("mouseover", function(){
		console.log(document.getElementsByTagName('img')[i].src)
	});
}

Answer 1

こうしてみてください

<script>
window.addEventListener('DOMContentLoaded', function(e){
  [].forEach.call(document.querySelectorAll('img'),function(x){
    x.addEventListener("mouseover", function(e){
      console.log(e.target.src);
    });
  });
});
</script>

<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">