オブジェクトタグを使用して、svg 画像を HTML に埋め込んでいます。マウスホイール イベントがあり、カーソルがこれらのオブジェクト タグの 1 つの上にある場合、イベントが発生しないことに気付きました。これは、イベントがオブジェクトタグの親要素にアタッチされている場合(またはボディなどに直接アタッチされている場合)と、テスト目的でオブジェクトに直接マウスホイールイベントをアタッチしようとした場合の両方で発生します(実際のタグをスクロールするのではなく、テスト用のコンソールログ) どちらも機能しません。
どうやらオブジェクトタグは何らかの形でページイベントを強制終了し、イベントをバブルしないようです!?!
これを回避する方法はありますか?カーソルがオブジェクトタグの上にあると、マウスホイールのスクロールが突然停止すると、ページの使いやすさが本当に損なわれます。
私は Firefox を使用していますが、他のブラウザーではテストしていません。それにもかかわらず、とにかく Firefox をサポートする必要があります。
更新: このバグは、Linux の Firefox にのみ影響する可能性があります。割合が少ないのは良いことですが、それでもその割合には私が含まれているため、回避策が必要です。svg を img タグに埋め込むと正常に動作しますが、ie < ie9 のデフォルトの png へのフォールバックが妨げられるため、実際には優れたソリューションではありません。