2013-08-23 19 views
6

Ich stieß auf ein sehr merkwürdiges Verhalten in Chrome, das für mich wie ein Fehler scheint: wenn Sie auf einen Link klicken, erhält der Link nicht den Fokus. Schlimmer noch, der Körper nimmt stattdessen den Fokus.Links erhalten nicht den Fokus, wenn auf Chrome geklickt wird

Dieses Verhalten kann hier zu beachten: http://jsfiddle.net/YfbR7/4/ (see code sample here)

Ist das ein Fehler? Ist das Standardverhalten? Gibt es eine Problemumgehung, damit die Links wie bei den anderen Browsern den Fokus auf den Mauszeiger erhalten?

+0

Das gleiche Verhalten gilt auch für Kontrollkästchen, siehe Frage hier: http://StackOverflow.com/Questions/18400190/Checkboxes-Do-NoT-Receive-the-Focus-When-Clicked-O-Chrome –

Antwort

6

Add Registerkarte Index zu Anker-Tag sollte es funktionieren, es ist kein Fehler, es ist ein Web-Kit-Dings.

<a href="#" tabindex="1">Click me</a> 
+0

Wow I Ich habe das nicht erwartet! Es funktioniert großartig. Ich habe die gleichen Probleme mit den Checkboxen, aber ich werde eine neue Frage für Sie öffnen, da Sie die ursprüngliche Frage beantwortet haben. –

+0

Und hier ist die Erklärung, warum das hilft: "Indem Sie ihm einen Tabindex geben, können Sie jedes Element, das Sie mögen, fokussierbar machen. Die Fokus- und Unschärfe-Ereignisse sollten auf solchen Elementen funktionieren." Funktioniert in allen Browsern: http://www.quirksmode.org/dom/events/blurfocus.html –

2

Neben der akzeptierte Antwort:

Seit Einstellung tabindex-1 würde die TAB Verhalten ändern, ich empfehle es -1 Einstellung statt: es wird die TAB Navigation nicht brechen und wird es noch ermöglichen, fokussiert zu sein.

<a href="#" tabindex="-1">Example</a> 

Übrigens, here's a very nice article in Bezug auf diese Bedenken.


Hinweis: die gleiche Sache mit mir passiert ist, aber nur auf Safari: wahrscheinlich Chrome hat bereits entschieden, dass Problem behoben.

Verwandte Themen