So legen Sie fest, dass in HTML nicht anklickbar ist

青灯夜游
Freigeben: 2023-01-06 11:13:37
Original
5988 Leute haben es durchsucht

In HTML können Sie das Attribut „pointer-events“ verwenden, um den nicht anklickbaren Effekt des Elements zu erzielen, indem Sie das Mausereignis des Elements auf „ungültig“ setzen. Sie müssen nur den Stil „pointer-events:none;“ festlegen .

So legen Sie fest, dass in HTML nicht anklickbar ist

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

HTML-Einstellungen sind nicht anklickbar

Indem Sie das pointer-events-Attribut des Elements auf „none“ setzen, können Sie das Element nicht anklickbar machen. Diese Methode macht das Element nicht anklickbar, indem sie das Mausereignis des Elements auf ungültig setzt.

CSS-Code:

.disable { pointer-events: none; }
Nach dem Login kopieren

Beispiel:

const disabled = true; 
Nach dem Login kopieren

Rendering:

Hinweis: Wenn der Wert von

  • pointer-events „none“ ist und das Element absolut positioniert ist, wird das Element auf der nächsten Ebene dies tun sein kann ausgewählt werden.

  • pointer-events: none; wird nur zum Deaktivieren von Mausereignissen verwendet, die durch andere Methoden gebunden sind, wie z. B. Tastaturereignisse usw.

  • Wenn die Zeigerereignisse eines untergeordneten Elements eines Elements auf andere Werte eingestellt sind (z. B. auto), wird beim Klicken auf das untergeordnete Element weiterhin das Ereignis des übergeordneten Elements ausgelöst Form des Ereignissprudelns.

(Teilen von Lernvideos:CSS-Video-Tutorial, „HTML-Video-Tutorial“)

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass in HTML nicht anklickbar ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!