2016-07-30 8 views
0

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

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

+0

使用 'mousedown'と' mouseup'イベント。 – Polyov

+0

可能な複製:http://stackoverflow.com/questions/14207927/mouseup-and-mousedown – Toby

+0

私は大変申し訳ありませんが、問題を表現するのが難しいので、回答をナビゲートするのが難しいです。 – VlassisFo

答えて

2

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

css3-selectors spec


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

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

Example jsfiddle

+0

ありがとう!クリック部分は機能しますが、何らかの理由でページ上のどの場所でも機能しません。何か案は? – VlassisFo

+0

@Alanうまくいかない例を教えてもらえますか? –

+0

これはページの要素(divsなど)で動作しますが、可能であれば他の場所でも動作します。 – VlassisFo

関連する問題