如何解决javascript表单提交更改提交按钮图像
| 当我按表单中的提交按钮更改其图像背景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\\\')\';
}
我希望你能帮帮我..
谢谢
解决方法
使用css更改按钮的活动状态的背景:
#submit_s {
background: url(\'../image/button_background2.jpg\');
}
#submit_s:active {
background: url(\'../image/button_background.jpg\');
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。