So legen Sie fest, dass in HTML nicht anklickbar ist

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 .

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;
}

Beispiel:

const disabled = true;
<Button className={disabled ? &#39;disabled&#39; : null}>点击</Button><style>
  .disabled {
      pointer-events: none;
      // 设置pointer-events: none;再设置cursor是没有效果的
  }</style>

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!