addEventListenerを正しく使用するにはどうすればよいですか?

Question

rree

ID が「reso」の HTML div 要素があります。 私がやりたいのは、マウスが要素に到達するたびに要素を点 A から点 B に移動することです。どうすればこれができるでしょうか？

上記の JavaScript コードを実行すると。動くのは1回だけです。次に、i=0 から 10 までのループを使用して、上記のコードをいくつかのコンソール ログとともにラップしてみました。すべてのログが印刷されています。 ただし、イベント リスナーは依然として 1 回しか実行されません。

これを行う方法を教えていただけますか?

Answer 1

イベント コールバック関数の外側の外部スコープでカウンターを初期化し、イベントが発生するたびにカウンターをインクリメントすることができます。

リーリー リーリー リーリー

Answer 2

mouseover イベントの代わりに、mousemove イベントを使用できます。これにより、マウスの移動に応じて要素の位置を継続的に更新できるようになります

リーリー