onmousedown play sound - PullRequest
       3

onmousedown play sound

0 голосов
/ 24 марта 2011

Как создать в JavaScript функцию, которая onmousedown в определенном элементе выполняет это:

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

и mouseup выполняет это:

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

I 'буду рад любым ответам, так как я новичок в JavaScript.

1 Ответ

1 голос
/ 24 марта 2011

Вы можете просто привязать эти триггеры к элементу (в этом случае он имеет 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..

...