2017-04-04 85 views
0

我是新手,希望在这里请一些帮助,试图在单击html表格的每个表格单元时使按钮播放。这是我正在工作的小提琴链接,任何帮助将不胜感激。在HTML表格的每个单元格中播放音频

谢谢

+1

你好,欢迎来到SO!您的链接缺失;-) – MiBrock

+0

@ MiBrock对不起,我的链接... https://jsfiddle.net/dani_94/d2hg0Lg6/ –

+1

那么,你的问题在哪里?任何错误?请在您的问题中添加一些信息。 – MiBrock

回答

1

这是您的活动设置方式,您只需将事件添加到该元素在Javascript中,而不是像这样:

var btn = document.getElementById('play'); 
btn.onclick = play; 

我编辑你的提琴:https://jsfiddle.net/d2hg0Lg6/1/

我用多个按钮和一个循环来编辑小提琴,将所有事件都附加到演奏中,我将其作为练习留给你演奏不同按键的不同声音:)

document.querySelectorAll("button").forEach(function (elem) { 
    elem.onclick = play; 
}); 

更新的小提琴在这里:https://jsfiddle.net/d2hg0Lg6/2/

+0

非常感谢您的帮助。正是我在找什么。 @Brunis –

+0

@Amy_ella你会将它标记为答案吗? – Brunis

+0

为每个单元格添加一个按钮,向所有单元添加一个类,将单击事件附加到具有该类的所有元素,然后探测目标触发它的事件并采取相应措施:) – Brunis