Event Pointer: No raphael VML Solution

I implemented pointer-events: nonein a Raphael element using jQuery as follows:

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

This works fine, but of course in IE8, Raphael uses VML instead of SVG, and this solution fails.

Does anyone have any other solution, essentially, so that the Raphael element ignores events.

+5
source share
1 answer

The only way to make this work for IE8 (and earlier) is to actually catch the event, and in the event handler:

  1. hide item ( .style.display='none')
  2. use the method elementFromPoint()to find the next item below the "trap"
  3. recreate and fire the event on this element (see also this )
  4. (.style.display='')

( 3) 10 IE, , " " .

+7

All Articles