鼠标按下时播放声音

Question

如何在 JavaScript 中创建一个函数，使特定元素中的 onmousedown 执行此操作：

document.getElementById('KeyOfC').play();

并在 mouseup 上执行此操作：

document.getElementById('KeyOfC').pause(); 
document.getElementById('null').play();

我很高兴获得任何答案，因为我JavaScript 新手。

Answer 1

您可以将这些触发器绑定到元素（在本例中，它的 id 为 foo）：

document.getElementById('foo').onmousedown = function()
{
  document.getElementById('KeyOfC').play();
}

document.getElementById('foo').onmouseup = function()
{
  document.getElementById('KeyOfC').pause(); 
  document.getElementById('null').play();
}

---

如果您想指定多个 id （根据您的评论），您需要一个 JavaScript 库来执行此操作。我推荐 jQuery：

$('#foo, #bar, #foobar').mousedown(function()
{
  $('#KeyOfC').play();
});

$('#foo, #bar, #foobar').mouseup(function()
{
  $('#KeyOfC').pause();
  $('#null').play();
});

如果你已经完成了 CSS，你可以使用 CSS 规则作为 jQuery 选择器，如 .ClassName、#your_id 等。