javascript - JSイベントのバブリングの問題
学习ing
学习ing 2017-06-12 09:32:56
0
3
785

事件は解決しました: この効果を実現するには CSS を使用してください。

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

1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンして、キャンバス アニメーションをトリガーしました。マウスオーバーとマウスアウトのコールバックでイベントがバブリングするのを防ぎましたが、マウスが 2 つのタグに移動すると、 a の内部のスパン a のマウスアウトは引き続きトリガーされ、 a に戻るとマウスオーバーが再トリガーされるため、アニメーションが中断され、繰り返し実行されます。

次のコードのどこが間違っているのかを教えていただけますか?

補足アニメーション画像!

リーリー
学习ing
学习ing

全員に返信(3)
代言

试试这样
私に質問=>addEventListener

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

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

  4. マウスの出入りを監視したいだけなら、mouseenterイベントとmouseleaveイベントを使用するべきだと思います。ここを参照してください
いいねを押す +0
世界只因有你

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!