html - 单击链接时模拟更改背景颜色

我有下面的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';
}

最佳答案

试试这个：

<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';
}

关于html - 单击链接时模拟更改背景颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2887326/