按钮Onclick更改颜色烫发，直到MouseOver

我想弄明白这一点。当一个按钮有一个“click”事件中，“BGCOLOR”属性和“BGCOLOR”变量都更改为相应的颜色按钮Onclick更改颜色烫发，直到MouseOver

到目前为止，我已经

var heading, size = 1, color = "red", bgcolor = "white", fgcolor = "black";

，但如果我创建例如功能function onclicki()，我将如何使它，使bgcolor烫发只停留在例如红色，只要我点击它，如果我做一个鼠标悬停它会改变。所以只有Onclick它应该保持彼尔姆，谢谢。

function onclicki() 
     { 

     document.bgColor="red" 


     }

来源

2015-10-09 Sid

你的意思是这样的吗？

var heading, 
 
    size = 1, 
 
    color = "red", 
 
    bgcolor = "white", 
 
    fgcolor = "black"; 
 

 
//runs when you click the button 
 
function onclicki(){ 
 
    document.bgColor = bgcolor = 'red'; 
 
} 
 
//runs when you mouseover the button 
 
function changeback(){ 
 
    document.bgColor = bgcolor = 'white'; 
 
}

<button onclick='onclicki()' onmouseover='changeback()'>Press me, mouseout and then mouseover!</button>

来源

2015-10-09 23:14:03 Tobsta

感谢@Tobsta，为什么单引号？ – Sid

@Sid它并不重要，但我更喜欢单引号，因为您不必在按引号键时按住Shift键。（换句话说，打字速度要快一点） – Tobsta

我想你会为这样的事情：https://jsfiddle.net/0j1me71m/2/

var div = document.getElementById('div'); 
div.onclick = function() { 
    this.style.backgroundColor = 'red'; 
}; 
div.onmouseover = function() { 
    this.style.backgroundColor = 'blue'; 
};

来源

2015-10-09 23:15:24

按钮Onclick更改颜色烫发，直到MouseOver

回答

相关问题