javascript - オンマウスダウン再生音

Question

onmousedown特定の要素でこれを実行する関数をJavaScriptで作成するにはどうすればよいですか？

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

---

（コメントから）複数のsを指定する場合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, etc.。