javascript表单提交更改提交按钮图像

Question

这是我的问题，当我按下表单中的提交按钮时，提交按钮更改其图像背景css。但是，当我使用mouseup将其图像再次更改为默认值时，它不起作用。

javascript代码

window.onload = searchInit;

function searchInit(){

    document.getElementById('search_form').onsubmit = processForm;
    document.getElementById('submit_s').onmousedown = submitImageChange;
    document.getElementById('submit_s').onmouseup   = submitImageDefault;
}

function processForm(){

    var a = document.getElementById('search_text');

    if(a.value.length > 0){
        return true;
    }else{ 
        return false;
    }

}

function submitImageChange(){

    this.style.backgroundImage = 'url(\'../image/button_background.jpg\')';
}

function submitImageDefault(){

    this.style.backgroundImage = 'url(\'../image/button_background2.jpg\')';

}

我希望你能帮帮我..

谢谢

Answer 1

使用css更改按钮活动状态的背景：

#submit_s {
  background: url('../image/button_background2.jpg');
}

#submit_s:active {
  background: url('../image/button_background.jpg');
}