ワンクリックで継続するdomの変更方法

Question

私はウェブページを構築していますが、本体を設定しましたbackround-image。ユーザーがマウスキーを押したときに画像のURLを変更する方法はありますか？また、マウスキーが離されたときに戻す方法はありますか？基本的に、変更はクリック自体と同じ時間持続します。

また、この変更がページ上の任意の場所でクリックに対してどのように機能するかを確認するにはどうすればよいですか？ bodyエレメントにイベントリスナーを追加すれば十分ですか？前もって感謝します。

Answer 1

アクティブ擬似クラスは、ユーザーが をアクティブにしている間に適用されます。例えば、ユーザがマウスの ボタンを押してそれを解放する時間の間に。マウスボタンが複数あるシステムでは、 ：アクティブは、プライマリまたはプライマリのアクティベーションボタン （通常は「左」のマウスボタン）とそのエイリアスにのみ適用されます。

css3-selectors spec

---

ピュアCSSの例：設定してから再設定した背景画像にする

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

Example jsfiddle