模擬點擊鏈接時改變背景顏色

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();"> 

用戶單引號或雙引號。再次，沒有必要逃避報價（\「）。