ポインタイベント：なしVMLラファエル・ソリューション

Question

私はこのようにjQueryを使用してラファエロ要素にpointer-events: noneを実装している：

var raphaelElement = Raphael.ellipse(x,y,w,h); 
$(raphaelElement.node).css({'pointer-events': 'none'}); 

これはうまく動作しますが、IE8で、もちろん、ラファエルは、代わりにSVGのVMLを使用しており、このソリューションが失敗しました。

ラファエルの要素を事実上無視させる別の解決策を誰かが持っていますか？

Answer 1

IE8（およびそれ以前）のためにこの作品を作るための唯一の方法は、実際にイベントをキャッチすること、およびイベントハンドラになります

<オール=スタート「2」>

は（.style.display='none'）要素を隠します

（ .style.display=''）再びキャッチャーを示す

（またthis参照） 'キャッチャー'

re-create and fire the event on that element以下の次の要素を見つけるために、elementFromPoint()方法を使用

この一般的なアプローチ（マイナスステップ3）はIE上で10年以上使用されており、下にドロップターゲット要素の「マウスオーバー」を検出しながら、カーソルの下に直接ドラッグすることができます。