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

Question

我有下面的 HTML 和下面的 java 脚本来模拟单击链接 block 时背景颜色的变化，但它似乎不起作用。有什么理由吗？

如果我只处理了 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';
}