Javascript 30“;鼓套件“;console.log问题
我正在做JavaScript30,我对JavaScriptDrum工具包的开头有一个问题。我完全按照代码进行了操作,但我似乎对程序中JavaScript的前几行有问题。我需要它来console.logJavascript 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
您的按键在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);
});