Wie man eine Änderung in der Dom, die für einen Klick dauert

Question

Ich baue eine Webseite und ich habe einen Körper backround-image gesetzt. Gibt es eine Möglichkeit, die URL des Bildes zu ändern, wenn der Benutzer die Maustaste drückt und sie bei der Freigabe der Maustaste wieder ändert? Grundsätzlich dauert die Änderung genauso lange wie der Klick selbst.

Auch, wie stelle ich sicher, dass diese Änderung für einen Klick an einer beliebigen Stelle auf der Seite funktioniert? Ist das Hinzufügen eines Ereignis-Listeners zum body-Element ausreichend? Danke im Voraus.

Answer 1

Die Pseudoklasse: active gilt, wenn ein Element vom Benutzer aktiviert wird. Zum Beispiel, zwischen den Zeiten, die der Benutzer die Maus Taste drückt und es freigibt. Auf Systemen mit mehr als einer Maustaste gilt : active nur für die primäre oder primäre Aktivierungstaste (normalerweise die linke Maustaste) und deren Aliasnamen.

css3-selectors spec

---

Reines CSS Beispiel:

body:active { 
    background-image: [IMAGE]; 
} 

Example jsfiddle