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 Selectors，例如.ClassName, #your_id, etc.。

onmousedown播放声音

1 个答案: