puntatore-eventi: nessuno solution Raphael VML

Question

ho implementato pointer-events: none su un elemento di Raphael utilizzando jQuery come questo:

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

Questo funziona bene, ma naturalmente in IE8, Raphael utilizza VML invece di SVG e questa soluzione non riesce .

Qualcuno ha un'altra soluzione per fare in modo che un elemento di Raphael ignori gli eventi.

Answer 1

L'unico modo per fare questo lavoro per IE8 (e precedenti) sarebbe quello di prendere in realtà l'evento, e nel gestore di eventi:

2. nascondere l'elemento (.style.display='none')
3. utilizzare il metodo elementFromPoint() di trovare l'elemento successivo sotto il 'collettore'
4. re-create and fire the event on that element (vedi anche this)
5. mostrano ancora una volta il catcher (.style.display='')

Questo approccio generale (meno passaggio 3) è stato usato per oltre 10 anni su IE per consentire all'utente di trascinare un elemento con direttamente sotto il cursore pur rilevando la 'mouseover' di possibili elementi di destinazione goccia sotto.