javascript - 我怎样才能让一个按钮有一个 :active state for 1 second?

Question

我有这个代码:

 document.getElementById("aButton").click();

有什么办法可以让这个按钮保持事件状态一秒钟。代码有效，但没有反馈表明按钮已被点击。

请注意，我没有使用 JQuery。

Answer 1

它没有设置“事件”状态，但您可以使用 :focus 伪选择器为按钮定义 CSS 规则，然后设置 focus()，然后在超时后使用 blur():

var btn = document.getElementById('click');
btn.onclick = function() {
    var testBtn = document.getElementById('testBtn');
    testBtn.focus();
    window.setTimeout(function() {
        testBtn.blur();        
    },1000);
};

fiddle :http://jsfiddle.net/g0hyfgwg/