JavaScript可以同時用於兩個按鈕嗎？

Question

我最近一直在學習/使用JavaScript，並可以讓它工作正常。但是，我似乎無法在同一時間播放2個按鈕。

例如， [按鈕1] [BUTTON2]

，其中每個具有編程到其上的不同的聲音。你可以擊中每一個並獲得一個聲音，但是當你同時擊中時，你聽不到任何聲音。

有兩種方法可以讓你在擊中它們時發揮它們的聲音嗎？

感謝

...

我的代碼，如果相關：

<button id="Eb3btn"></button> 
    <button id="Fbtn"></button> 

    <script src="<?php bloginfo('stylesheet_directory'); ?>/javascript/howler.js/howler.min.js"></script> 
    <script> 
     var Eb3 = new Howl({urls: ["<?php bloginfo('stylesheet_directory'); ?>/sounds/Eb3.mp3"]}) 
     document.getElementById('Eb3btn').onclick=function(){Eb3.play()}; 

     var F3 = new Howl({urls: ["<?php bloginfo('stylesheet_directory'); ?>/sounds/F3.mp3"]}) 
     document.getElementById('Fbtn').onclick=function(){F3.play()}; 
    </script> 

Answer 1

JavaScript的一個執行線程內運行，所以你將永遠無法讓他們真正點擊100 ％ 與此同時。

你可以去讓他們被點擊在一起最接近的是：

var btnEb3 = document.getElementById('Eb3btn'), 
    btnF = document.getElementById('Fbtn'); 

btnEb3.click(); 
btnF.click(); 

有關JavaScript線程的一些詳細信息：Why doesn't JavaScript support multithreading?

所以，把我的這段與您的示例可能類似於：

<script> 
var Eb3 = new Howl({urls: ["<?php bloginfo('stylesheet_directory'); ?>/sounds/Eb3.mp3"]}) 
document.getElementById('Eb3btn').onclick=function(){Eb3.play()}; 

var F3 = new Howl({urls: ["<?php bloginfo('stylesheet_directory'); ?>/sounds/F3.mp3"]}) 
document.getElementById('Fbtn').onclick=function(){F3.play()}; 

// have Eb3 and F play together: 
document.getElementById('Eb3btn').click(); 
document.getElementById('Fbtn').click(); 
</script>