1. ホーム
  2. 質問と答え
  3. HTML（SVG）で根本的な妨害をトリガーするにはどうすればよいですか？

HTML（SVG）で根本的な妨害をトリガーするにはどうすればよいですか？

2017-10-12 8 views
1

2つのホバーク（例えば、css-hover-pseudoclass）を一度にトリガーするにはどうすればよいですか？ また、カーソルがAからBに移動しているときに、Aが放置されているときには、カーソルを放してはいけません。 これをHTML、JS、またはCSSでどうすれば実現できますか？HTML（SVG）で根本的な妨害をトリガーするにはどうすればよいですか？

Image of the problem

白三角は、カーソルの位置を表します。

出典

2017-10-12 Impulse The Fox

答えて

1

2つの関数：onHoverAとonHoverBを書きます。要素AのonHover属性にはonHoverAを、要素Bの属性としてはonHoverA(); onHoverB();を設定します。

出典

2017-10-12 20:03:23

+0

これは、CSSの中で最も単純なので、私は円滑な色の変更をCSSで行います。今ではJSの色をスムーズに変更したくないので混乱していて、CSSで擬似クラスを手動でトリガすることはできないと思います（B：ホバーがアクティブなときにA：ホバーをトリガーする）。 –

+0

デフォルトでは、子要素の上にマウスを置くと、両方のホバークラスが適用されます。次の例を参照してください：https://jsbin.com/mubuhuqika/edit?html,css,js,output –

関連する問題

 関連する問題