模拟点击链接时改变背景颜色

Question

我点击了下面的HTML和下面的java脚本来模拟背景颜色的变化，但它似乎不起作用。任何理由？

如果我只处理了onmousedown事件，背景颜色肯定会变成蓝色。但是，如果onmousedown和onmouseup都处理完毕，则视觉上不会有任何变化。

<div class='Button'><a href='mylink' onmousedown=\"changeColorOnMouseDown();\" onmouseup=\"changeColorOnMouseUp();\"><span id='note'>note...</span></a></div> 


function changeColorOnMouseDown() 
{ 
    document.getElementById('note').style.background='blue'; 
} 

function changeColorOnMouseUp() 
{ 
    document.getElementById('note').style.background='#d8dde7'; 
} 

Answer 1

试试这个：

<div class="Button"><a href="#" onMouseDown="changeColorOnMouseDown();" onMouseUp="changeColorOnMouseUp();"><span id="note">note...</span></a></div> 


function changeColorOnMouseDown() 
{ 
    document.getElementById('note').style.backgroundColor = 'blue'; 
} 

function changeColorOnMouseUp() 
{ 
    document.getElementById('note').style.backgroundColor = '#d8dde7'; 
} 

Answer 2

除了什么Sarfraz建议（style.backgrounColor VS style.background），你不需要逃避在你的事件函数调用的报价：

<a href='mylink' onmousedown="changeColorOnMouseDown();" onmouseup="changeColorOnMouseUp();"> 

用户单引号或双引号。再次，没有必要逃避报价（\“）。