如何在持续一次点击的dom中进行更改

时间:2016-07-30 17:25:14

标签: javascript html css dom-manipulation

我正在建立一个网页,我已经设置了一个正文backround-image。有没有办法在用户按下鼠标键时更改图像的URL,并在释放鼠标键时将其更改回来?基本上,更改持续的时间与点击本身相同。

此外,如何确保此更改适用于页面上任何位置的单击?将body元素添加到事件监听器就足够了吗?提前谢谢。

1 个答案:

答案 0 :(得分:2)

  

:激活元素时应用:active伪类   由用户。例如,在用户按下鼠标的时间之间   按钮并释放它。在具有多个鼠标按钮的系统上,   :active仅适用于主要或主要激活按钮   (通常是“左”鼠标按钮)及其任何别名。

css3-selectors spec

纯CSS示例:

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

Example jsfiddle