2016-07-30 35 views
0

我正在構建一個網頁,並且我設置了一個主體backround-image。有沒有辦法在用戶按下鼠標鍵時更改圖像的URL,並在釋放鼠標鍵時將其更改回來?基本上這種變化持續的時間與點擊本身相同。如何在持續點擊的dom中進行更改

另外,如何確保此更改適用於網頁上任何位置的點擊?將身體元素添加一個事件監聽器是否足夠?提前致謝。

+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

它在頁面元素(div等)上工作,但我希望它(如果可能)在其他位置上工作 – VlassisFo

相關問題