Question

我想在用户点击时切换按钮的颜色。现在，当用户点击按钮暂时改变颜色，然后立即改变回第一种颜色，以毫秒为单位。我使用.jsp文件通过这些按钮点击与服务器通信，这些按钮点击将信息发送到服务器，当服务器进行通信时，它刷新了页面。当页面刷新时，这会重新设置按钮的样式吗？我使用类'按钮'来定义样式。

我的问题是：我怎样才能无限期地改变按钮的颜色？

<form action="FirstServlet" method="get"> 
<div id="TVs"> 
  <%for (int i=1; i<=numTargets; i++) {         
    <button id="TV<%=i%>" name= "TV<%=i%>" class="button" onClick= "TVbuttonPressed('TV<%=i%>')">

...
    function TVbuttonPressed(id){       
    document.getElementById(id).style.backgroundColor  = 0xFFFF00;
}

最终我计划将功能设为：

function TVbuttonPressed(id){       
  if (document.getElementById(id).style.backgroundColor  == A)
       document.getElementById(id).style.backgroundColor  = B

   else (document.getElementById(id).style.backgroundColor  == B)
       document.getElementById(id).style.backgroundColor  = A
}

有人可以帮忙解释一下吗？感谢。

Answer 1

将返回false放在被调用函数

中

function TVbuttonPressed(id){       
document.getElementById(id).style.backgroundColor  = 0xFFFF00;

return false;  --this will prevent the change of color while refreshing.

}

它会起作用

如何在点击时更改（并保持）按钮的颜色

1 个答案: