2013-09-05 19 views
27

Mi sono reso conto che tabindex=-1 non funziona per gli elementi <svg></svg>. C'è un modo per disabilitare l'evento focus? preventDefault, stopPropagation, stopImmediatePropagation inoltre non funzionano.Disabilita evento onfocus per elemento svg

+2

FYI: Questo è un problema per IE 11 e MS Edge (tutti versioni, attualmente fino a 13) e _per nessun altro browser_. \ * scuote il pugno \ * Redmonndddd! –

risposta

63

<svg focusable="false"></svg> fa questo lavoro.

+5

Nei miei test, l'evento focus non si è mai verificato sugli elementi svg, nemmeno con 'focusable =" true "'. Sembra tuttavia che IE consenta sempre di selezionare elementi svg dalla navigazione da tastiera (con il tasto tab) a meno che l'attributo 'focusable' sia impostato esplicitamente su" false ". –

+1

Sono confuso. Non riesco a trovare l'attributo 'focusable' nell'indice degli attributi SVG: https://www.w3.org/TR/SVG/attindex.html –

+0

Ti amo. Ho salvato la mia giornata. – antitoxic

-1

Inoltre è possibile provare questa regola di stile:

svg{pointer-events:none;} 

Solution con l'attributo "attivabile" non ha funzionato per me in IE11