Javascript 点击按钮动画

我正在为Android开发一个WebApp，因此我添加了一个自定义按钮，如下所示：

<div id="btRegister" onClick="clickButton(this); register();">
    Register
</div>

function clickButton(btn){
    //change image
    setTimeout(function(){
        //change image back
    }, 120);
}

HTML

<div id="btRegister" onClick="register()">
    Register
</div>

---

问题是，当用户单击自定义按钮时，没有被单击的感觉（它执行

register（）

code没有问题），因此我设计了另一个名为

btRegister\u clicked.png的按钮背景，因此，我想知道如何使用户单击按钮时，图像变为单击的图像，然后返回正常图像，就像正常按钮一样。
您可以这样做：

<div id="btRegister" onClick="clickButton(this); register();">
    Register
</div>

function clickButton(btn){
    //change image
    setTimeout(function(){
        //change image back
    }, 120);
}

你可以这样做：

<div id="btRegister" onClick="clickButton(this); register();">
    Register
</div>

function clickButton(btn){
    //change image
    setTimeout(function(){
        //change image back
    }, 120);
}

要创建带有状态的html按钮，请使用kodeinfo的编辑器。它定义了正常、悬停和按下状态，所以只需使用界面进行更改并下载html代码即可。您不仅可以创建状态，还可以使用渐变、边框、文本格式、图标等，使用kodeinfo的编辑器创建带有状态的html按钮。它定义了正常、悬停和按下状态，所以只需使用界面进行更改并下载html代码即可。你可以做的不仅仅是创建状态你可以使用渐变、边框、文本格式、图标等
如何使用
伪类
，因为我看不到任何
点击
类…@Nathan很好，但对于Mobile Safari来说，它本身似乎无法正常工作，但有一个问题——我手头没有安卓设备，所以我不能肯定，但因为这两种浏览器都是基于WebKit的，所以应该可以用了。@Nathan更新了我的答案。我找不到任何东西表明
：active
不适用于Android。还要注意的是，有些浏览器对任何DOM元素都支持
：active
，而不仅仅是链接。这将如何使用
伪类呢？因为我看不到任何
点击
类…@Nathan很好，但对于Mobile Safari来说，它似乎无法按预期工作，但有一个问题——我手头没有安卓设备，所以我不能肯定，但因为这两种浏览器都是基于WebKit的，所以应该可以用了。@Nathan更新了我的答案。我找不到任何东西表明
：active
不适用于Android。还请注意，有些浏览器支持任何DOM元素的
：active
，而不仅仅是链接。