鼠標單擊JavaScript錯誤

Question

我似乎無法讓mousedown mouseup正常工作。 我需要一個對象來更改鼠標向下的顏色，並在鼠標向上更改為原始顏色。 但由於某種原因

onload = init;

function init() {
    document.getElementsByClassName("buttons")[0].mousedown = function () {
        blue();
    };
    document.getElementsByClassName("buttons")[0].mouseup = function () {
        green();
    };
}

function green() {
    document.getElementsByClassName("buttons")[0].style.backgroundColor = "#360"
}

function blue() {
    document.getElementsByClassName("buttons")[0].style.backgroundColor = "blue"
};

Answer 1

為什么您需要使用JavaScript來做到這一點？ 為什么不在CSS中僅使用“：active”？

button{background-color: green}
button:active{background-color: blue}

Answer 2

事件名稱包括on前綴：這是onmousedown和onmouseup ：

function init() {
    document.getElementsByClassName("buttons")[0].onmousedown = blue;
    document.getElementsByClassName("buttons")[0].onmouseup = green;
}