pointer-events: brak VML rozwiązanie Raphael

Question

I wprowadziły pointer-events: none na elemencie Raphael użyciu jQuery tak:

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

Działa to dobrze, ale oczywiście w IE8, Raphael wykorzystuje VML zamiast SVG i to rozwiązanie nie .

Czy ktoś ma inne rozwiązanie, aby zasadniczo element Raphael ignorować zdarzenia.

Answer 1

Jedynym sposobem, aby to działało dla IE8 (i wcześniej) byłoby rzeczywiście połowu zdarzenie, aw obsługi zdarzenia:

2. ukryć element (.style.display='none')
3. użyć metody elementFromPoint() aby znaleźć następny element poniżej 'łapacz'
4. re-create and fire the event on that element (patrz również this)
5. pokazać Catcher ponownie (.style.display='')

To ogólne podejście (minus krok 3) było używane przez ponad 10 lat w IE, aby umożliwić użytkownikowi przeciągnięcie elementu za pomocą niego bezpośrednio pod kursorem, jednocześnie wykrywając "przesunięcie kursora myszki" możliwych elementów docelowych spadku poniżej.