JavaScript複数のメソッドで同じイベントが発生する

Question

window.addEventListener（ "mousemove"、rotate）;

window.addEventListener（ "mousemove"、getAngle）;

ここでは、異なるイベントに同じイベントを追加しています。マウスを動かすとgetAngleメソッドが1回だけ実行されるが、rotateメソッドは正常であることがわかった。上記のコードは合法ですか？両方のメソッドに同じイベントを追加しますか？

Answer 1

上記のコードは合法ですか？両方のメソッドに同じイベントを追加しますか？

はいです。関数は、イベントリスナーとして追加した順に呼び出されます。以下の場合：

window.addEventListener("mousemove", rotate); 
window.addEventListener("mousemove", getAngle); 

たびmousemoveその後、getAngle第二と呼ばれ、rotateが最初に呼び出されます発射されます。

---

Here is an example各機能は、イベントがトリガされるたびに呼び出され、コンソールのコールの順序を示しますことを示しています。