2013-09-05 3 views
27

Ich erkannte, dass tabindex=-1 nicht funktioniert für <svg></svg> Elemente. Gibt es eine Möglichkeit, das Ereignis focus dafür zu deaktivieren? preventDefault, stopPropagation, stopImmediatePropagation funktionieren auch nicht.Disable onfocus Ereignis für SVG-Element

+2

FYI: Das ist ein Problem für IE 11 und MS Edge (alle Versionen, derzeit bis 13) und _für keinen anderen Browser_. \ * schüttelt die Faust \ * Redmonndddd! –

Antwort

63

<svg focusable="false"></svg> erledigt diesen Job.

+5

In meinen Tests kam das Fokusereignis nie auf SVG-Elementen vor, nicht einmal mit 'focusable =" true "'. Es scheint jedoch, dass der IE immer die Auswahl von SVG-Elementen durch Tastaturnavigation (mit der Tab-Taste) erlaubt, es sei denn, das Attribut "focusable" ist explizit auf "false" gesetzt. –

+1

Ich bin verwirrt. Ich kann das Attribut "focusable" im SVG-Attributindex nicht finden: https://www.w3.org/TR/SVG/attindex.html –

+0

Ich liebe dich. Habe meinen Tag gerettet. – antitoxic

-1

Auch können Sie diesen Stil Regel versuchen:

svg{pointer-events:none;} 

Lösung mit "fokussierbar" Attribut nicht für mich gearbeitet in IE11