So stellen Sie div mit CSS so ein, dass es nicht anklickbar ist

So legen Sie fest, dass div in CSS nicht anklickbar ist: 1. Brechen Sie die Standardaktion des Ereignisses über die Methode „event.preventDefault()“ ab. 2. Stoppen Sie die Weitergabe des Ereignisses über die Methode „event.stopPropagation()“. " Methode.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

Empfohlen: CSS-Video-Tutorial

Wie stelle ich Div in CSS so ein, dass es nicht anklickbar ist?

JavaScript verfügt über eine PreventDefault-Methode, mit der die Standardaktion eines Ereignisses abgebrochen werden kann. Zum Beispiel das Aufheben des Öffnens von Links, das Auswählen von Text oder das Ziehen und Ablegen usw.

event.preventDefault()

Diese Methode weist den Webbrowser an, die mit dem Ereignis verbundene Standardaktion nicht auszuführen (sofern eine solche Aktion vorhanden ist). Wenn das Typattribut beispielsweise „submit“ lautet, kann jeder Event-Handler in jeder Phase der Event-Weitergabe aufgerufen werden, und durch Aufrufen dieser Methode kann die Formularübermittlung verhindert werden. Beachten Sie, dass es keine Standardaktion gibt oder die Standardaktion nicht verhindert werden kann, wenn die cancelable-Eigenschaft des Event-Objekts fasle ist. In beiden Fällen hat der Aufruf dieser Methode keine Auswirkung.

Diese Methode kann das Standardverhalten des Browsers des aktuellen Elements verhindern, verhindert jedoch nicht, dass das übergeordnete Element und das Dokument auf das Ereignis reagieren. Wenn Sie das Ereignis vollständig abbrechen möchten, können Sie stopPropagation

event.stopPropagation()

verwenden. Diese Methode stoppt die Ausbreitung des Ereignisses und verhindert, dass es an andere Dokumentknoten gesendet wird. Es kann in jeder Phase der Ereignisausbreitung aufgerufen werden. Beachten Sie, dass diese Methode zwar nicht den Aufruf anderer Event-Handler auf demselben Document-Knoten verhindert, jedoch verhindert, dass Ereignisse an andere Knoten gesendet werden.

Diese beiden Methoden werden häufig zum Abbrechen von Ereignissen in JS verwendet. Es gibt jedoch tatsächlich eine andere Möglichkeit, die Ereignisantwort mithilfe von reinem CSS abzubrechen: Zeigerereignisse, die einfacher zu verwenden ist:

• Die Klickaktion des Benutzers blockieren Erzeugt einen beliebigen Effekt

Css, um das Div so einzustellen, dass es nicht anklickbar ist, kann den folgenden Code verwenden:

.disabled {
    pointer-events: none;
    cursor: default;
}

Diese Methode ist offensichtlich flexibler als JS-Code, wird aber leider von IE9 nicht unterstützt.

Das obige ist der detaillierte Inhalt vonSo stellen Sie div mit CSS so ein, dass es nicht anklickbar ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!