如何使按钮具有:活动状态1秒?

时间:2015-03-12 15:56:36

标签: javascript html css

我有这段代码:

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

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

请注意,我没有使用JQuery。

1 个答案:

答案 0 :(得分:2)

没有设置"有效" state,但你可以使用:focus伪相选择器来定义按钮的CSS规则,然后设置focus(),然后使用模糊()稍后超时:

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

小提琴:http://jsfiddle.net/g0hyfgwg/