按钮Onclick更改颜色Perm直到MouseOver

时间:2015-10-09 23:04:46

标签: javascript html

我想弄明白这一点。当按钮有“单击”事件时,将“bgColor”属性和“bgcolor”变量都更改为适当的颜色

到目前为止我已经

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

但是,如果我为示例function onclicki()创建一个函数,我将如何使bgcolor perm仅在我单击时保持红色,如果我执行鼠标悬停则更改。所以只有Onclick应该留下烫发,谢谢。

function onclicki()
         {

         document.bgColor="red"


         }

2 个答案:

答案 0 :(得分:0)

你的意思是这样吗?

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>

答案 1 :(得分:0)

我认为你会这样:https://jsfiddle.net/0j1me71m/2/

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