试试这样
私に質問=>addEventListener

1. まず、コードに問題があります。マウスをキャンバス上に置いたときにのみアニメーションがトリガーされます。

第二に、イベントのキャプチャはブロックできず、イベントのバブリングは子要素から親要素へ行われるため、stopPropagation() のアプリケーション オブジェクトは a

2. の子要素である必要があります。

マウスの出入りを監視したいだけなら、mouseenterイベントとmouseleaveイベントを使用するべきだと思います。ここを参照してください

ご協力ありがとうございます。この効果を実現するために CSS に切り替えました。