Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erklärung zur Verwendung von hideFocus in CSS

Detaillierte Erklärung zur Verwendung von hideFocus in CSS

黄舟
黄舟Original
2017-12-06 13:27:366783Durchsuche

Es mag viele Freunde geben, die nicht wissen, was der Titel bedeutet. hideFocus bedeutet, den Fokus zu verbergen und hat die Funktion, den Fokus von Objekten ungültig zu machen. Seine Funktion entspricht: onFocus= this.blur() Es ist ein boolescher Wert, wie zum Beispiel hideFocus=true. Sie können die Zuweisung auch weglassen und hideFocus direkt schreiben. Heute geben wir Ihnen eine detaillierte Einführung in die Verwendung von hideFocus in CSS!

Verwendung von hideFocus in CSS

Einfach ausgedrückt: hideFocus ist die Einstellung des gepunkteten Rahmens außerhalb des Hyperlinks!

hideFocus ist ein versteckter Fokus, der die Funktion hat, den Objektfokus zu deaktivieren. Seine Funktion entspricht:

onFocus="this.blur()"

Sein Wert ist ein boolescher Wert, wie zum Beispiel hideFocus=true. Sie können die Zuweisung auch weglassen und hideFocus direkt schreiben.
Wenn der von Ihnen angegebene Code nicht über hideFocus verfügt, wird beim Klicken mit der Maus auf den Hyperlink außen ein gepunktetes Feld angezeigt, das den Fokus darstellt. Bei Verwendung von hideFocus wird kein gepunkteter Rahmen angezeigt.
Unter IE müssen Sie das Attribut hidefocus="true" zur Struktur von Tag a hinzufügen.
Demonstration:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Test </TITLE>
</HEAD>
<BODY>
<a href="#" hidefocus="true" title="XX">没有虚线框</a>
<br><br>
<a href="#" title="XX">有虚线框</a>
</BODY></HTML>

In Browsern wie FF ist es relativ einfach, den Stil für das Tag a outline:none direkt zu definieren ; Das ist es, das heißt:

a {outline:none;}

oder

a{blr:expression(this.onFocus=this.blur());outline:none;}//支持IE

Zusammenfassung:

Dieser Artikel erläutert detailliert die Verwendung von hideFocus in CSS. Ich hoffe, dass er für Ihre Arbeit hilfreich sein wird.

Verwandte Empfehlungen:

hideFocus (Tipps)

3499910bf9dac5ae3c52d5ede7383485href="/" und hideFocus="true" in Tags

Über die Verwendung von hideFocus in CSS Ausführliche Erklärung

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung zur Verwendung von hideFocus in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn