javascript - 按下时更改按钮的背景色

Question

我知道这个问题对你们来说可能听起来很愚蠢，但我是一个初学者，所以需要一些专家的帮助，我想问一下，无论如何在按下时改变按钮的背景颜色，我的意思是当点击它改变到不同的背景颜色，并在释放时设置为默认值(当通过鼠标按下时)。我正在尝试，但是当我将功能设置为在“按键”时触发时，该功能不会触发，但是当我使用“单击”时，它会起作用，但在释放时不会更改为默认值...请帮助我..

javascript/jquery:

function initAll(){
$("#submitBtn").on('keypress', sendMessage);
}

function sendMessage(){
    $("#submitBtn").css('background-color', 'Red');
}

html:

<input type="button" id="submitBtn" name="submitBtnnm" value="Send" />

Answer 1

你不需要 JS - 只需要 :active 状态

#submitBtn:active {
    background: red;
}

DEMO