Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 30“;鼓套件“;console.log问题_Javascript_Html_Logging_Console.log_Datakey - Fatal编程技术网

Javascript 30“;鼓套件“;console.log问题

Javascript 30“;鼓套件“;console.log问题,javascript,html,logging,console.log,datakey,Javascript,Html,Logging,Console.log,Datakey,我正在做JavaScript30,我对JavaScriptDrum工具包的开头有一个问题。我完全按照代码进行了操作,但我似乎对程序中JavaScript的前几行有问题。我需要它来console.log您的按键在div元素上,而不是音频元素上 所以应该是这样的: window.addEventListener('keydown', function(e) { let selector = `div[data-key='${e.keyCode}']`; let

我正在做JavaScript30,我对JavaScriptDrum工具包的开头有一个问题。我完全按照代码进行了操作,但我似乎对程序中JavaScript的前几行有问题。我需要它来console.log
您的按键在div元素上,而不是音频元素上

所以应该是这样的:

     window.addEventListener('keydown', function(e) {
       let selector = `div[data-key='${e.keyCode}']`;
       let audio = document.querySelector(selector);
       console.log(audio);
     });
还要注意引号,如果要在其中插入变量,则需要使用这些倾斜单引号(ES6)


希望有帮助

在每个音频标签上都有一个带有音频文件名的id会更有意义。哈哈,我犯了一个愚蠢的错误。我甚至都不知道“`”的存在!谢谢,现在可以用了。
   <script>
          window.addEventListener('keydown', function(e) {
          const audio = document.querySelector('audio[data- 
          key="${e.keyCode}"]');
          console.log(audio);
         });
   </script>
     window.addEventListener('keydown', function(e) {
       let selector = `div[data-key='${e.keyCode}']`;
       let audio = document.querySelector(selector);
       console.log(audio);
     });