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